從JS模塊內部的HTML訪問功能

Question

所以我現在可以像這樣打開腳本。

wp_enqueue_script('myScripts', WPEX_JS_DIR_URI .'/myScripts.js', array('jquery'), '1.7.5', true); 

而我目前正試圖使用​​該功能，如下所示。

(function($) { 


    function vote_up() { 
     $(".voteButton").html("Hello jQuery"); 
    } 


})(jQuery); 

，我只是得到它的工作嘗試與一個onclick方法來調用它的緣故，

<div class="button voteButton" onclick="vote_up()">Vote Up !</div> 

我知道我可能需要分配這樣的功能，

var foo = (function ($) { 

雖然我這樣做，並試圖與

foo.vote_up() 

調用它的時候

我仍然無法讓它工作。

我是否缺少一些簡單的東西？

謝謝。

Answer 1

如果您想調用方法作爲對象方法（foo.vote_up()），則從您的立即函數中返回一個對象，而不是僅創建一個函數，然後調用該方法。我認爲你正在尋找的東西，如：

var foo = (function($) { 
    return { 
     vote_up : function() { 
     $(".voteButton").html("Hello jQuery"); 
     } 
    } 
})(jQuery); 

foo.vote_up(); 

希望這有助於