div刷新后，jQuery函数停止工作

Question

我有一个刷新div的函数，但是jquery函数不再起作用。我已经看到了必须使用的答案，它丢失了绑定，但无法正常工作。

刷新div代码可以正常工作

 $(document).on('click', '#reload', function () {
    //Load next question
    $("#new_sen").load(" #new_sen");   
});

我的div刷新后无法运行的代码

 $(".card_flip").on('click', function() {
    $(this).toggleClass('flipped');

 })

感谢您的帮助。

Answer 1

它会引发错误还是只是无法运行？尝试更换：

$(".card_flip").on('click', function() {
    $(this).toggleClass('flipped');
})

具有：

$(document).on('click', '.card_flip', function () 
    $('.card_flip').toggleClass('flipped');
})

如果问题是动态元素未得到处理，则前者仅适用于运行时页面上的元素。后应该继续处理页面加载后添加的.card_flip元素的所有点击。

Answer 2

我认为jQuery仍然有效，如果您使用reload()，它只会丢失对该元素的引用。

尝试在容器上使用html()来加载新问题：

 $("#new_sen").html('<div class="new_question">another question...</div>');