javascript - 最简单的 jQuery Widget 中的一个错误

Question

我在 jQuery 小部件中做错了什么？我在页面上有 div，并调用 document.ready 函数:

  $(".codeline").comments();

Html 包含:

<div class='codeline'> (some text) </div>
...
<div class='codeline'> (some text) </div>

还有小部件:

jQuery.widget("rmc.comments", {

    _create: function () {

        this.element.on("click", function () { alert(1); }); // THIS DOESN'T WORK (event not fired)
        //this.element.css("color", "red"); -- THIS WORKS
    }
});

Answer 1

它确实有效。您可能在定义它之前调用您的小部件。更改为:

$.widget("rmc.comments", {
    _create: function () {
        this.element.on("click", function () { alert(1); });
        //this.element.css("color", "red");
    }
});

$(".codeline").comments();

http://jsfiddle.net/10tdarhk/