Aether JS AetherJS

data-aether-action

Bu nitelik, tetikleyiciye tıklandığında hedef element üzerinde gerçekleştirilecek işlemin türünü belirler. Varsayılan davranış "Aç/Kapat" (Toggle) şeklindedir, ancak bunu zorlayıcı komutlarla değiştirebilirsiniz.


01 Kullanım

Genellikle ui-control türündeki tetikleyicilerle birlikte kullanılır. Örneğin, bir modalın içindeki "Kapat" butonu için eylemi close olarak belirtmek gerekir.

 
 
 
index.html
<button 
    data-aether-trigger="ui-control"
    data-aether-target="notification-1"
    data-aether-action="close"
>
    ...
</button>

02 Kabul Edilen Değerler

AetherUI aşağıdaki aksiyon değerlerini destekler. Eğer bu niteliği boş bırakırsanız sistem otomatik olarak toggle modunda çalışır.

Değer Davranış
toggle Varsayılan Element açıksa kapatır, kapalıysa açar.
open / show Elementi zorla açar/görünür yapar. Zaten açıksa işlem yapmaz.
close / hide Elementi zorla kapatır/gizler. Zaten kapalıysa işlem yapmaz.
remove Hedef elementi DOM'dan tamamen siler.

03 Özel Durum: Remove

DOM'dan Silme İşlemi

action="remove" değeri diğerlerinden farklı çalışır. Hedef elementi gizlemek yerine HTML yapısından (DOM) tamamen siler.

Bu özellik, "Bir daha gösterme" mantığıyla çalışan bilgi bannerları veya geçici uyarı kutuları için idealdir. Sayfa yenilenene kadar element geri getirilemez.