Bir JS işlevini dinamik olarak oluşturulmuş bir öğeye etkileyin

Question

Şu an bununla uğraşmak çok uzun. İşte

fikirdir: Ben the doc göre bir tabpane ön yükleme alanı var ben bir etkinlik bağlantılı: Bir datepicker var bu tabpane olarak $('[data-value="croisiere"]').on('shown.bs.tab',function(){....})

. Mücadele tarihçem güncellendiğinde her seferinde işlevimi yeniden tanımlamaktır.

Temelde bu o:

$('[data-value="croisiere"]').on('shown.bs.tab',function(){ 
    console.log("LaunchFunction"); 
    $('#cruise-tab [class*="glyphicon-chevron"]').on('click', function(){ 
     console.log('Why is it only working once?'); 
    }); 
}); 

Yani DOM değişim bu özel bölümü benim işlevini reaffect eğer söyleyebiliriz nasıl?

kodu denemek isterseniz bir there gitmek olabilir. Motordan "croisière" sekmesine tıklamanız gerekecektir.

Answer 1

Sen ana öğeye bağlı alır olay işleyicisi oluşturmak için daha yüksek bir seçici başvurmak zorunda - bu dinamik içerik eklenmesi ile doğrudan etkilenmez:

$('body').on('click','#cruise-tab [class*="glyphicon-chevron"]', function(){ 
     console.log('This should work')...