Search jQuery

jQuery Forum

« Back

You are in : Recent Topics » Using jQuery » Why is unbind('click') not working?

Why is unbind('click') not working?

dai.hop

on 23-Jan-2010 07:34 AM.

in Using jQuery

Hi all,

I have the following piece of jQuery:

$("img[alt='47767']").unbind('click').attr('src', '../images/icon-tick.png').attr('title', 'Printed');

Which I am trying to use to manipulate the following piece of HTML

<img alt="47767" title="Mark as printed" style="cursor: pointer;" onclick="mark_printed(this)" src="../images/icon-printer.png">

The attribute changes for 'src' and 'title' get applied, but the unbind('click') doesn't stop the image from firing the 'mark_printed(this)' function.

Why is unbind('click') not working as expected?

Thanks!

David

No status
Working on it
Answered
Need more info

1 user has this question

Reply to this question

mrbouyou

on 23-Jan-2010 11:13 AM

Hello,

"onclick" is not realy an event, it's a dom attribute which you can remove with attr('onclick', '')

To use "unbind" function, you have to drop your onclick attribute and use "bind", "click", or better "one" function

<style type="text/css">
.mark_print{cursor: pointer;}
</style>
<script type="text/javascript">
$("img.mark_print").one('click', function(){
$(this).
attr('src', '../images/icon-tick.png').
attr('title', 'Printed').
removeClass('mark_print');
});
</script>
<img alt="47767" title="Mark as printed" class="mark_print" src="../images/icon-printer.png">