Bind/Unbind sample

.bind() and .unbind() functions sample

by RoryMcCrossan

HTML

<div data-role="header" data-position="fixed" class="oms-header" data-tap-toggle="false" data-hide-during-focus="false">
    <div class="header_left">
        <a href="" class="header-icons">
            <img id="myimage" src="fdgd" alt="click me" />
        </a>
    </div>
</div>

CSS

button {
     margin: 5px;
 }
 
 button#theone {
     color: red;
     background: yellow;
 }

JavaScript

$(document).ready(function() {
	console.log('unbound');
    $('#myimage').unbind("click");
})

$(document).on('click', ' #myimage', function(event) {
    alert('i am called');
});
console.log('bound');