javascript - ボタンクリックでjquery関数を呼び出す問題

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

ラムダ関数を呼び出すことはありません。代わりにこれを使用してください

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

2つの余分な括弧に注意してください。関数呼び出しに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>