javascript - JQuery .Change 在使用 Flot JS Bind 时不会触发

Question

我正在使用 JQuery 和 Flot JS 制作折线图，当我点击更改框时，我试图重新绑定(bind)图表。

$("input[type=checkbox]").change(function () {
    console.log("Changed!");


    $.plot($(id), data2, options);
});

我遇到的问题是，当我点击复选框一次时，它会正确触发，但是一旦我再次点击它或点击不同的复选框，就不会触发任何东西，只要我删除代码

$.plot($(id), data2, options);

然后启动它，它工作正常。

Flot JS 是否做了一些事情来阻止它多次触发事件？

Answer 1

试试这个更新后的代码，我以前从未使用过 flot，但如果涉及 AJAX，则可能是 Javascript 无法绑定(bind)到在 DOM 加载后创建的元素，即在最初加载每个元素后与页面。

$(document).on("change", "input[type=checkbox]", function () 
{
    console.log("Changed!");
    $.plot($(id), data2, options);
});

通过查看链接中的示例演示，您提供了使用 AJAX 即时创建元素的可能性。我可能是错的，值得一试。