Başlığın herhangi bir yerini tıklarsam akordeon açan tıklama olayını devre dışı bırakmak istiyorum.Instead Sadece sağdaki sembolün üzerine tıklamak istiyorum .... Ben kaydet butonuna tıklayın eğer html dosyasında ..Akordeon'u sadece sağ sembolün sağ tarafında tıklayın
cevap
İşte
<accordion-group is-open="status.open" template-url="accordion-group.html">
<accordion-heading>
I can have markup, too! <button type="button">Save</button> <i class="pull-right glyphicon" ng-class="{'glyphicon-chevron-down': status.open, 'glyphicon-chevron-right': !status.open}"></i>
</accordion-heading>
This is just some content to illustrate fancy headings.
</accordion-group>
plunker var .. açıyor i modifiye:
<accordion close-others="oneAtATime">
<accordion-group style="pointer-events:none !important;" is-open="status.open" template-url="accordion-group.html">
<accordion-heading style="pointer-events:none !important;">
I can have markup, too! <button style="pointer-events:none !important;" type="button">Save</button> <i class="pull-right glyphicon" style="pointer-events:auto !important;" ng-class="{'glyphicon-chevron-down': status.open, 'glyphicon-chevron-right': !status.open}"></i>
</accordion-heading>
This is just some content to illustrate fancy headings.
</accordion-group>
</accordion>
Fare tıklatma etkinliğine tepki vermeyeceğiniz öğelerin üzerinde "pointer-events: none! Important" yazan css özelliğini eklemelisiniz ve simge göstergenize "pointer-event: auto! Important" değerini ayarlamanız yeterlidir. . Akordeon sadece ok simgesini tıkladığınızda açılmalıdır. Yani çalışması gerekir :)
sizin gibi CSS sınıfları yapabilirsiniz çözüm daha zarif hale getirmek için:
.disable-click-event {
pointer-events: none !important;
}
.enable-click-event {
pointer-events: auto !important;
}
olay ($ Event.stopPropagation()) fokurdayan engelleyen bir seçenek de var ama bu durumda ben Tam olarak olayın nerede çağrıldığını bilmiyorum, bu yüzden onu bulmak için sıkı bir soruşturmaya ihtiyaç duyar.
Bir ipucu: eğer herhangi bir sorun JS yerine CSS ile çözülemiyorsa, bunu tamamlamaya değerdir :) JavaScript olayları hata ayıklamak için çok kolay değildir, bu yüzden CSS düzeltmesi, olayla ilgili kirli hatadan daha kolay bulunacaktır fokurdayan. Basit CSS çözümlerini açık bir vicdanla kullanmanızı tavsiye ederim :) şerefe
- 1. Delphi menü öğesini sağ tıklatın sağ tıklayın
- 2. Applescript bir dosyaya sağ tıklayın
- 3. Yakalama Sağ Tıklayın HTML DIV
- 4. sağ
- 5. Mobilde, düğmeyi ekranın sağ tarafında nasıl tutacağım
- 6. Float Heading sağ tarafında bulunan "düzenle" bağlantısı
- 7. Seçmek için sağ tıklayın .Net TreeNode
- 8. QPushButton bağlamında contextMenu öğesini sağ tıklayın
- 9. css gölge sadece sağ ve alt
- 10. karşılaştırmak-nesne sol veya sağ tarafı sadece
- 11. Sadece sağ taraf sıfır değilse atamayı gerçekleştirin
- 12. Sağ ListBox
- 13. Sağ gradle
- 14. sağ alt
- 15. Highcharts araç ipucu her zaman imlecin sağ tarafında
- 16. Python Matplotlib Yönlendirmenin Sağ Tarafında Y Ekseni keneler
- 17. Tutamaç için Fare Sağ Buton Çift Şekil için Tıklayın
- 18. yalnızca sağ sütunda bulunmayan sol sütundaki değerleri döndürür. Sağ sütunda
- 19. sağ kristal raporunda sol dizeye
- 20. Nasıl html'de ► Play (İleri) veya Sağ sağ ok sembolünü görüntülerim?
- 21. jTable sağ tıklatma menüsü
- 22. * Sağ * dış birleşim LINQ
- 23. sağ metin align - bash
- 24. İyonik 2 - (- sol sağ)
- 25. Python İmzasız Sağ Shift
- 26. Sağ Tıklama MainMenu
- 27. Sağ taraftaki ateşböceğini açın
- 28. Clojure kısmi sağ
- 29. Sağ sözdizimi "? isset (...):" şeması
- 30. Sol ve sağ fare tuşu arasında ayrım yapmak için tıklayın IE ve Firefox'a tıklayın
Kaydetme işlevi için işlevsellik verebilir miyim? – forgottofly
Tam olarak ne kaydetmek istiyorsun? –