jQuery: Cannot initialize event listener from class definition

Question

I am creating a class:

var MyClass;
(function($) {
    MyClass = new function() {

        $('a').off('click');
        $('a').on( 'click', function(event) {
            event.preventDefault();
        });

    };
})(jQuery);

When clicking on a link, a full request is still being issued.

When pasting ...

$('a').on( 'click', function(event) {
    event.preventDefault();
});

... in my console and retrying, everything works as expected.

Is it possible that I am not able to initialize an event listener from within a class definition. If so, how would I initialize my event listener then?

Probably initializing your class before those elements exist. That is a very strange class definition also — charlietfl
– charlietfl, Commented Jan 6, 2018 at 23:26
I hope this is a gross simplification of your class definition, otherwise it seems like there's no point to the class. — Barmar
– Barmar, Commented Jan 6, 2018 at 23:31
You either need to run this code inside $(document).ready() or you need to use event delegation to bind to dynamically-created elements. — Barmar
– Barmar, Commented Jan 6, 2018 at 23:32
@Barmar Your solution works. Don't know why I did not think of this myself ... — heroxav
– heroxav, Commented Jan 6, 2018 at 23:37

Chrobak Stefan · Accepted Answer · 2018-01-07 01:12:47Z

1

try :

$('body').off('click','a');

or:

$(document).off('click','a');

if you init your class before dom is ready.

Short way for your class:

var MyClass = (function($){
    // your code here
    // or with init method
    function init () {
        $('body').off('click','a');
    }
    return {init : init};
})(jQuery);

Than run dom ready:

$(function(){
    MyClass.init()
});

edited Jan 7, 2018 at 1:12

answered Jan 7, 2018 at 1:04

Chrobak Stefan

235 bronze badges

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

1 Comment

heroxav Over a year ago

+1 for proposing the init function. However, the problem has already been solved - read up on the comments

Collectives™ on Stack Overflow

jQuery: Cannot initialize event listener from class definition

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related