jQuery function running on page load instead of on Click event

Question

I have a function I've written that I want to only execute on the click on an element...

$(document).ready(function () {

$(".black-sectors li a.adr-src").on("click", updateAddressDisplay);

    updateAddressDisplay(null);
    function updateAddressDisplay(src) {
        # Function
    }

});

The above is running on the page load however?

Provide html too for better undeerstanding or else can you setup a jsfiddle — C M
– C M, Commented Nov 5, 2013 at 11:12

George · Accepted Answer · 2013-11-05 11:18:49Z

2

That'll be because you call it, right above where it's defined:

updateAddressDisplay(null); //Function called
function updateAddressDisplay(src) {
    # Function
}

Remove updateAddressDisplay(null); and it won't get called on page load.

edited Nov 5, 2013 at 11:18

answered Nov 5, 2013 at 11:12

George

36.9k9 gold badges70 silver badges109 bronze badges

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

Comments

C M · Accepted Answer · 2013-11-05 11:13:38Z

0

try removing updateAddressDisplay(null);

also you call pass some parameter with function on click call.

$(document).ready(function () {

$(".black-sectors li a.adr-src").on("click", updateAddressDisplay);

  //    updateAddressDisplay(null);
    function updateAddressDisplay(src) {
        # Function
    }

});

answered Nov 5, 2013 at 11:13

C M

7039 silver badges23 bronze badges

Collectives™ on Stack Overflow

jQuery function running on page load instead of on Click event

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related