'da yakın (x) düğmesi için özel olay işleyicisi Özel bir olay işleyicisi sağlayabilmeniz için bir jQuery UI iletişim kutusundaki kapat (x) düğmesine bağlanmanın bir yolu var mı? "Kapat" veya "beforeclose" olayını kullanma, iletişim kutusundaki iletişim kutusunun kapanmasına neden olan başka düğmeler varsa, her zaman "yakın" ve "beforeclose" olaylarını vurmaya devam edeceğiniz için işe yaramaz. . Belirli bir kodu yakın (x) düğmesinden çalıştırmak için bir yol istiyorum.jQuery UI iletişim kutusu
cevap
Sen deneyebilirsiniz:
$(document).on('click','.ui-dialog-titlebar-close',function(){
//close button clicked
});
Bildiğim kadarıyla orada o düğmeye doğrudan tel yolu yok, ama bir dialogClass ekleyerek ve bir olay işleyicisi kendiniz kablolama ederek Popup özgü bir şey yapabilirsiniz bildiği gibi:
var dialogClass ="yourPopupTitle";
$(document).on('click', '.'+ dialogClass +' .ui-dialog-titlebar-close', function() {
handleEvent();
});
bir olay bir jQuery UI Widget içinde başka etkinlikle sonuçlanırsa zaman, orijinal olay hep olay o dahildir Nesne. Bu durumda, close
geri arama veya dialogclose
olayına iletilen olay nesnesine bakabilirsiniz ve event.originalEvent
olup olmadığını kontrol edebilirsiniz. Eğer öyleyse, iletişim kutusunun kapat düğmesine bir tıklamayla kapatıldığını varsayabilirsiniz. Bu, beforeclose
için de geçerlidir.
Başlık çubuğunda kapat düğmesi olduğundan kesinlikle emin olmak isterseniz, event.originalEvent.target
numaralı telefonu kontrol edebilir ve ya sınıfı veya DOM konumunu .closest()
kullanarak kontrol edebilirsiniz. Eğer tıklama etkinliğini unbind ve ona özel işleyicisi yeniden bağlamak gerekecektir - Bunun aradığınız çözüm olduğuna inanıyoruz http://jsbin.com/ajoheWAB/1/edit
:
Burada eylem bu gösteren bir jsbin bu.
Bu iş parçacığı eski olmasına rağmen, yine de çözümümüzü, arama yapan diğer kişilerden yararlanma umuduyla eklerim.
var fnCustomerHandler = function() {
alert("Here is your custom handler...");
};
$("#dialog").dialog({
open: function(event, ui) {
var el = $(this).closest('.ui-dialog').find('.ui-dialog-titlebar-close');
el.off();
el.on("click", fnCustomerHandler);
}
}
);
Fiddle linki:
- 1. jquery ui iletişim kutusu onayla
- 2. jQuery İletişim kutusundaki iletişim kutusu için iletişim iletişim kutusu
- 3. jQuery UI İletişim Kutusu/Sürümü Soru
- 4. jQuery-UI İletişim Kutusu Bellek Sızıntıları
- 5. jQuery ui tam ekran iletişim kutusu
- 6. jQuery UI modal iletişim kutusu engellenmiyor
- 7. jQuery UI İletişim kutusu durdurma olayı
- 8. jQuery UI İletişim Kutusu ve metin girişi
- 9. İletişim jquery mobile iletişim kutusu
- 10. jQuery UI İletişim + Doğrulama
- 11. İletişim kutusu
- 12. Jquery UI - İletişim kutusu yeniden boyutlandırıldığında kaplama yeniden boyutlandırılıyor
- 13. Otomatik boyut Internet Explorer'da jQuery UI iletişim kutusu
- 14. jQuery UI iletişim kutusu pencere kaydırma çubuğunu Google Chrome'da engelleme
- 15. jquery ui iletişim kutusu yalnızca bir kez açılır
- 16. modal iletişim kutusu
- 17. jQuery Ertelendi ve İletişim kutusu
- 18. jQuery İletişim kutusu çağrıldığında görünmüyor
- 19. jquery ui iletişim kutusunu kapatın
- 20. jQuery UI iletişim Kodun altında
- 21. İletişim kutusuyla jQuery UI iletişim kutusunda yeniden boyutlandırın?
- 22. jQuery kalıcı iletişim kutusu ve jqGrid
- 23. jQuery UI iletişim kutusu - İletişim penceresi içinde gezinirken dış pencere kaydırılır
- 24. zamana dayalı iletişim kutusu iletişim kutusu
- 25. Özel seçici iletişim kutusu
- 26. Fullcalendar ile jQuery iletişim kutusu nasıl kullanılır?
- 27. jquery mobile ve javascript iletişim kutusu görüntülenmiyor
- 28. JQuery UI İletişim kutuları: uygulama genelinde seçenekler
- 29. jQuery UI İletişim Kutuları Değişkenlerden Düğmeler
- 30. jQuery UI SetTimeout'u Kullanarak İletişim Otomatik Kapama