jquery - ajax调用后丢失click（）事件？

Question

在以下网页 liamharding.com/pgi.php 我在页面左侧有一个选项面板，单击面板“箭头”时会打开和关闭，在您选择市场之前它工作正常（用于测试使用“ Random Walk' 市场并点击 'Show/Refesh Graphs'），然后使用 get_graph(forexName, myCount, divIsNew) 函数进行 ajax 调用。

此调用完成后会显示一个图表，然后我的选项面板 click() 事件不起作用？

ajax 调用返回变量ajax_data 中的数据，当我执行以下代码var jq_ajax_data = $("<div/>").html(ajax_data); 时会出现问题。我需要将它包装在一个中，这样我就可以使用 jQuery 从中提取数据。如果这行代码被注释掉了 click() 事件可以正常工作？？

希望有人能帮忙，我花了很多时间但找不到问题所在。

Answer 1

您不应该像上面推荐的那样使用 .live，它现在已被弃用。您应该改用 .on 例如

$(document).on('click', '.selector', function(){
    //Your code here
});

Answer 2

如果不查看完整代码，很难准确判断导致点击事件丢失的原因，但您可以尝试将点击设置为实时事件，如下所示：

$("#clickableItem").live("click", function() { 
    //do stuff
});

Answer 3

您正在用新的 html 替换 div 的内容。新的 html 不会分配任何点击事件。

使用.live 命令始终让您的元素具有分配给它们的点击事件。