Question

我只是在网页上编写一个简单的插件供我自己使用。我有html标记，如：

<ul id="ulview">
    <li>...</li>
    <li>...</li>
    ...
</ul>

和jQuery插件代码：

(function($) {
    $.fn.ulView = function(){
       //console.log(this);
       this.children('li').each(function(){
           alert('test');
       });
    }
})(jQuery);

我应用这样的插件：

jQuery(document).ready(function($) {
    $('#ulview').ulView();
}

由于某种原因，警报（'test'）永远不会运行。但我可以看到jQuery对象已在控制台中记录。我在这里想念什么，谢谢你的任何意见。

Answer 1

(function($) {
    $.fn.ulView = function(){
       //console.log(this);
       this.children('li').each(function(){
           alert('test');
       });
    }
})(jQuery);

$(function(){

    $('#ulview').ulView();
});

http://sandbox.phpcode.eu/g/69be3.php

您忘了执行您的功能(jQuery)

阅读this

Answer 2

这有效：

  $.fn.ulView = function(){
       //console.log(this);
       this.children('li').each(function(){
           alert('test');
       });
    }

$('#ulview').ulView();

（删除外部＆＃34;功能（$）{＆＃34;）

Answer 3

将jquery插件定义为

(function($) {
    $.fn.ulView = function(){
       //console.log(this);
       $(this).children('li').each(function(){
           alert('test');
       });
    }
})(jQuery);

jQuery插件无法运行

3 个答案: