Unbind click event does what I want but fires an javascript console error

Question

If one Jquery plugin this code is executed:

dropdown = {
    doc: $(document),
    element: $('#user_info'),
    open: function() {
        if ( ! dropdown.element.hasClass('active') ) {
            dropdown.element.addClass('active');
            dropdown.doc.one( 'click', dropdown.close );
            return false;
        }
    },
    close: function() {
        dropdown.element.removeClass('active');
    }
};

dropdown.element.click( dropdown.open );

How can I disable/remove/unbind the click handler in my own custom (another file) Jquery plugin?

I was using this code:

dropdown = {
    doc: jQuery(document),
    element: jQuery('#user_info')
};

dropdown.element.click(function(e) {
    dropdown.element.unbind('click', dropdown.open);
});

I get what I want, but javascript console shows this error:

TypeError: Object #<Object> has no method 'unbind'...

Please let me know if there is a way to avoid this error.

Thanks in advance.

Zack The Human · Accepted Answer · 2011-07-19 05:18:43Z

1

Please let me know if there is a way to avoid this error.

From you example it looks like you're missing a property name in your call to unbind. Don't you mean this?

dropdown = {
    doc: jQuery(document),
    element: jQuery('#user_info')
};

dropdown.element.click(function(e) {
    dropdown.element.unbind('click', dropdown.open);
});

Notice dropdown.element.unbind(). The variable dropdown isn't a jQuery object from your example, but dropwdown.element is.

answered Jul 19, 2011 at 5:18

Zack The Human

8,5118 gold badges43 silver badges61 bronze badges

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

2 Comments

José Pablo Orozco Marín Over a year ago

Thanks Zack, I try it, but it doesnt work. But it works like a charm with the answer that I just post a few minutes ago.

Zack The Human Over a year ago

Do you mean it doesn't do what you want or it still generates an error?

José Pablo Orozco Marín · Accepted Answer · 2011-07-19 05:18:30Z

0

Ok, I get it:

dropdown = {
    doc: jQuery(document),
    element: jQuery('#user_info'),
    open: function() {
        dropdown.element.addClass('active');
        dropdown.doc.one( 'click', dropdown.close );
        return true;
    },
    close: function() {
        dropdown.element.removeClass('active');
    }
};

dropdown.element.click( dropdown.open );

answered Jul 19, 2011 at 5:18

José Pablo Orozco Marín

3741 gold badge6 silver badges19 bronze badges

Collectives™ on Stack Overflow

Unbind click event does what I want but fires an javascript console error

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related