从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(); 

希望这有助于