2013-07-16 23 views
5

Birçok kez sayfada görünen jQuery seçilen eklentisiyle basit bir SELECT kullanıyorum. Seçimin en üstünde "Yeni Ekle" seçeneğidir. Fikir, kullanıcı Yeni Ekle'yi tıklatırsa bir iletişim kutusu göstermemdir.Javascript/jQuery öğesi seç öğesi

jQuery tıklama olayını kullanarak, kolay ve ilk kez iyi çalışır. Ancak, kullanıcı iletişim kutusundan çıkarıp tekrar Yeni Ekle'ye tıklarsa, tıklama olayı tetiklenmez.

Bir tıklama olayı işleyicisini, seçeneğin kendisine başarı sağlamadan eklemeye çalıştım. Ayrıca seçilen fiş olmadan denedim ve şans yok. Seçimin sorun olduğunu düşünmüyorum.

Burada sorunu gösteren basit jsfiddle var: select kutuyu http://jsfiddle.net/7cMEg/

$('.cls').chosen().change(function() { if ($(this).val()==='-1') alert('clicked'); }); 

tıklayın ve Yeni Ekle kıracağı. Bir uyarı görünecektir. Ancak şimdi Yeni Ekle seçilidir, seçim kutusunu tıklatıp Yeni Ekle'yi tıklattığınızda hiçbir şey olmuyor - tıklama olayı başlatılmıyor. Kullanabileceğim başka bir olay var mı? Başka önerileriniz (belki de eğilmemiş bir hiper bağlantı)?

+1

Eğer 'New' ekle ikinci seferinde –

cevap

2

Olay change üzerinde tetiklenir ve click üzerinde değil. İkinci tıklamada değer değişmediğinden, uyarı görüntülenmez. tıklamada

Gösterilen uyarısı - fiddle

+1

Tamam, teşekkürler tıklayarak zaman oluyor değişiklik yoktur çünkü öyle. Kemanınız Safari v6.0.5'de (varsayılan tarayıcım) çalışmıyor. Ayrıca Chrome'da v28.0.1500.71'de çalışmaz. Firefox v22.0'da çalışır. IE'yi denemekten rahatsız olmadım. Seçiciden "seçeneği" kaldırırsam, Safari'de çalışır, ancak yine de Chrome'da olmaz ve Firefox'ta hafifçe sinir bozucu hale gelir (tıklama kutusunun tıklanması ve bırakılması tetiklenir). –

+0

@BumptiousQBangwhistle: Tamamen hazır bir çözüm değil. Her yerde denedim ve bunu yapmak için zamanım yok. Sadece sorunu işaret etmek istedim. Bu, çözüme ulaşmanıza yardımcı olabilir. – xyz