Question

这是我的jquery代码

(function($){
var W=$(window),
    D=$(document),
    Ht = D.height(),
    Wt = W.width();
$.fn.ThrowMask = function(){
             //Working code
        }
});

我试图在按钮点击时附加此代码

<script type="text/javascript">
    $(document).ready(function(){
        $("#btn").click(function(){
            ThrowMask();
        });

    });
</script>

但是这会导致错误未定义。

Answer 1

除了Isaac Fife的修复，您还需要正确调用该功能。

<script type="text/javascript">
    $(document).ready(function(){
        $("#btn").click(function(){
            $(this).ThrowMask();
        });
    });
</script>

Answer 2

你永远不会调用lambda函数。请改用

(function($){
var W=$(window),
    D=$(document),
    Ht = D.height(),
    Wt = W.width();
$.fn.ThrowMask = function(){
             //Working code
        }
})($);

注意两个额外的parens。在函数调用中添加了jquery。

Answer 3

这是工作代码：

(function($){
var W=$(window),
    D=$(document),
    Ht = D.height(),
    Wt = W.width();
$.fn.ThrowMask = function(){
             //Working code which binding click event
             $(this).click(function (event) {
                  // do your click even handler here
             });

        }
}(jQuery));



<script type="text/javascript">
    $(document).ready(function(){
        $("#btn").ThrowMask();

    });
</script>

问题按钮单击时调用jquery函数

3 个答案: