Jquery: Use icons instead of buttons

Question

How to use icons instead of buttons?

I have to regularly turn on and off the icons depending on user actions.

So I can easily change the image of the icon but how do I disable the click event.

I try to use "bind" and "unbind" but it causes me a lot of problems.

The accumulation of "bind" repeatedly invoke the same function.

I tried the method. One

Do you know a better way?

Thanks :)

Add a class (like "disabled")... and then inside the click handler check with hasClass(). — Šime Vidas
– Šime Vidas, Commented Jul 4, 2011 at 19:01

Šime Vidas · Accepted Answer · 2011-07-04 19:04:33Z

2

Disabling the element:

x.addClass('disabled');

Enabling the element:

x.removeClass('disabled');

The click handler:

x.click(function() {
    if ( $(this).hasClass('disabled') ) { return; }
    // continue normally
});

answered Jul 4, 2011 at 19:04

Šime Vidas

187k66 gold badges290 silver badges392 bronze badges

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

1 Answer 1