无法与使用 jQuery 的 jQuery 加载按钮交互

can't interact with jquery loaded button that uses jquery

本文关键字：jQuery 加载 按钮 交互      更新时间：2023-09-26

在投票/投票系统上工作，人们可以在投票前单击以查看结果，然后再次单击返回以再次查看选项。

问题是在加载结果时，我加载以再次显示选项的按钮似乎不起作用：

它们的代码基本相同（我已经发出警报来测试它是否甚至拿起按钮，事实并非如此）：

$('.results_button').click(function() {
    var poll_id = $(this).data('poll-id');
    $('.poll_content').load('/includes/ajax/poll_results.php', {'poll_id':poll_id});
});
$('.back_vote_button').click(function() {
    window.alert("Test");
    //var poll_id = $(this).data('poll-id');
    //$('.poll_content').load('/includes/ajax/poll_options.php', {'poll_id':poll_id});
});

例如，back_vote_button的实际代码是这样的：

<button name="pollresults" class="back_vote_button" data-poll-id="1">Back to voting</button>

在与jquery加载的内容进行交互时，我缺少什么吗？

您的按钮是在文档加载后创建的吗？如果在创建文档时不存在，则不绑定侦听器。您可以绑定侦听器事件，也可以更改单击以侦听已创建的对象，对于一个不好的例子，请尝试以下操作： 

$(document).on('click', '.back_vote_button', function(){ 
     window.alert("Test");
 });

这应该有效，但它会在您每次单击正文时侦听，然后确定您单击的内容是否是问题所在。

相关文章：