Question

我试图制作简单的Jquery插件。我浏览了Jquery文档，并减少了布局以进行简单的警报。这是我的Jquery插件代码。

        (function($){
      $.fn.foo = function(){
        alert("HI");
      };


})(jQuery);

在我的主页面上，我有Jquery参考URL和这段代码

  <script type="text/javascript"src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$(document).ready(function(){
  foo();
    });
</script>

我一直在调试器中遇到错误 SCRIPT5009：'foo'未定义

请帮我解决这个问题。

Answer 1

你可以在某个元素上调用foo方法，或者需要以不同的方式定义它，例如

<div id="test" />

插件 -

(function($){
      $.fn.foo = function(){
        alert("HI");
      };

       $.otherfoo = function(){
            alert('Hiiiii');
        };
})(jQuery);

测试 -

$(document).ready(function(){
  $('#test').foo();
  $.otherfoo();  
});

应该可以正常工作。

Answer 2

你制作了一个jquery插件，你必须在单独的jQuery函数中引用它来解雇它。

以下是我的工作示例：http://jsfiddle.net/MarkKramer/Z9vz2/

Jquery alert hello插件不起作用

2 个答案: