Question

我有以下JQuery函数：

  <script type="text/javascript">
        (function($) {
    $.fn.addToList = function(opts) {
        var input = this;
        opts.button.click(function() {
            opts.list.append("<li>" + input.val() + "</li>");
        });
    }
})

$("#example").addToList({
    button: $("#btn"),
    list: $("#list")
});
</script>

使用此html输入字段：

<input type="text" id="example">
<input type="button" id="btn" value="Click">
<ul id="list"></ul>

我想要做的是，要在输入文件中键入值，请按下按钮，然后将值添加到ul列表中。不幸的是，上面的代码不起作用。在jsfiddle它起作用了。

有人在我的代码中看到错误吗？

编辑：有人知道完整的JQuery示例具有相同的功能吗？

Answer 1

您没有将jQuery作为$参数传递。

尝试以下方法：

 (function($) {
  $.fn.addToList = function(opts) {
    var input = $(this);
    opts.button.click(function() {
        opts.list.append("<li>" + input.val() + "</li>");
    });
  }
}(window.jQuery))

Answer 2

写

    jQuery(function($){ ...

而不仅仅是

    function($) ...

带按钮的JQuery List功能

2 个答案: