data-aether-trigger

Bu nitelik, bir HTML elementini (genellikle buton veya link) etkileşimli bir kontrolcüye dönüştürür. AetherJS'in etkileşim zincirini başlatan anahtardır.

01 Kullanım

Bir elementi tetikleyici yapmak için data-aether-trigger niteliğine bir etkileşim türü atamalısınız. Ayrıca, bu tetikleyicinin hangi elementi etkileyeceğini belirtmek için mutlaka bir target belirtilmelidir.

index.html

<button 
    data-aether-trigger="ui-control"
    data-aether-target="modal-1"
>
    ...
</button>

02 Kabul Edilen Değerler

Bu nitelik, kullanım amacına göre üç farklı değer alabilir.

Değer	Kullanım Amacı	Örnek Senaryo
ui-control	Genel amaçlı kontrolcü.	Modallar, Off-canvas menüler, Bildirim kapatma butonları.
tab	Sekme değiştirici.	Tab gruplarında içerik panelleri arasında geçiş yapmak için.
accordion	Genişletilebilir liste tetikleyicisi.	SSS (FAQ) sayfaları, Detaylı filtreleme menüleri.

03 Bağımlılıklar

Target Zorunluluğu

Bir elemente data-aether-trigger verdiğinizde, sistemin hangi elementi kontrol edeceğini bilmesi gerekir.

Bu nedenle, bu niteliği kullandığınız her yerde mutlaka data-aether-target="ID" niteliğini de tanımlamalısınız. Target değeri, kontrol edilecek HTML elementinin ID'si olmalıdır.