从 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()) 调用，则 return 从您的直接函数中获取一个对象，而不是仅创建一个函数，然后调用该方法。我认为您正在寻找类似的东西：

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

foo.vote_up();

希望对您有所帮助，

从 JS 模块中的 HTML 访问函数

Accessing a Function from HTML inside of a JS Module

javascript

wordpress

jquery