jquery alert hello插件不工作

Question

我試圖做出簡單的jquery插件。我瀏覽了Jquery文檔，並減少了佈局以提供簡單的警報。這是我的Jquery插件代碼。

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


})(jQuery); 

比我的主網頁上我有Jquery的參考網址和驗證碼

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

我不斷收到在調試錯誤 SCRIPT5009：「富」是未定義

請幫我解決這個問題。

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/