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

希望这可以帮助，