Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Unbinding inline onClick not working in jQuery?

Tags:

Okay so, I'm wondering how to unbind an inline onclick event in jQuery. You'd think .unbind() would work, however it doesn't.

To test this for yourself, play around with the following HTML and JavaScript:

function UnbindTest() {     $("#unbindTest").unbind('click'); }  function BindTest() {     $("#unbindTest").bind('click', function() { alert("bound!"); }); }   <button type="button" onclick="javascript:UnbindTest();">Unbind Test</button> <button type="button" onclick="javascript:BindTest();">Bind Test</button> <button type="button" onclick="javascript:alert('unbind me!');" id="unbindTest">Unbind Button</button> 

As you can see, unbinding does not unbind the inline onclick event... however it does unbind the click event added with bind().

So, I'm wondering if there is a way to unbind inline onclick events short of doing the following:

$("#unbindTest").get(0).onclick = ""; 

Thanks

like image 408
Polaris878 Avatar asked May 04 '10 18:05

Polaris878


1 Answers

jQuery's unbind won't work on onclick attributes - it only works for functions that were added via bind and thus are available in $(...).data('events'). You have to use removeAttr to remove onclick.

Read this question for more info.

like image 123
Marcel Jackwerth Avatar answered Sep 24 '22 07:09

Marcel Jackwerth