Issue Calling jquery function on button click

Question

Here is my jquery code

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

i tried to attach this code on button click like this

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

    });
</script>

But this causes error undefined.

user400654 · Accepted Answer · 2012-08-07 18:40:07Z

2

In addition to Isaac Fife's fix, you need to call the function properly.

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

answered Aug 7, 2012 at 18:40

user400654

95.1k16 gold badges168 silver badges188 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

iJade Over a year ago

Getting an error now...Microsoft JScript runtime error: Unable to get value of the property 'scrollHeight': object is null or undefined

user400654 Over a year ago

nothing in this code or the code you gave has any reference to scrollHeight, I expect that error to be unrelated to the given code.

user400654 Over a year ago

Right, but it isn't related to this code. More than likely it is originating within the ThrowMask plugin.

Isaac Fife · Accepted Answer · 2012-08-07 18:41:33Z

1

You never call the lambda function. use this instead

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

Notice the two extra parens. Added jquery to function call.

edited Aug 7, 2012 at 18:41

answered Aug 7, 2012 at 18:37

Isaac Fife

1,69013 silver badges15 bronze badges

4 Comments

Jarod Law Ding Yong Over a year ago

You should pass in jQuery as param therefore $ is pointing to jQuery namespace

iJade Over a year ago

@Issac Fife Getting an error now...Microsoft JScript runtime error: Unable to get value of the property 'scrollHeight': object is null or undefined

Isaac Fife Over a year ago

You probably need to put the whole lambda function inside the document.ready, or at least those four variables.

Isaac Fife Over a year ago

...those four variables into the throwmask function.

Jarod Law Ding Yong · Accepted Answer · 2012-08-07 18:42:02Z

0

This is the working code:

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

answered Aug 7, 2012 at 18:42

Jarod Law Ding Yong

5,7772 gold badges27 silver badges16 bronze badges

Collectives™ on Stack Overflow

Issue Calling jquery function on button click

3 Answers 3

3 Comments

4 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

3 Comments

4 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related