从JS模块内部访问HTML中的函数

时间:2015-02-09 22:35:04

标签: javascript jquery wordpress

所以我现在可以将脚本排除在外。

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

我仍然无法让它发挥作用。

我错过了一些简单的东西吗?

谢谢。

1 个答案:

答案 0 :(得分:1)

如果要将方法作为对象方法(foo.vote_up())调用,则从立即函数返回一个对象,而不是仅创建一个函数,然后调用该方法。我认为你正在寻找类似的东西:

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

foo.vote_up();

希望这有帮助,