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

Question

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

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


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

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

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

然后开火，效果很好。

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

Answer 1

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

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

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

JQuery .Change doesn't fire when using Flot JS Bind