jQuery Forum

Using jQuery Mobile (jquery.mobile-1.0b3.min.js). If i apply a click event to a form, the back button seems to get the click event binding as well. It does this no matter how specifically targeted to an element the selector is. For example:

Using this to set the back button:

1. <div id="pagename-page" data-role="page" data-add-back-btn="true" data-back-btn-theme="b">

And this in a script file:

1. $('#awards-details-page').live('pagecreate', function(event){
2.    
   
3.     $('#awards-details-page input[name=submit]').click(function() {
4.         console.log('I'm going to be hijacked by the back button.');
5.     });
6. });

Clicking on the back button will produce the message in the console when tested in a browser.

Every time you visit the page with the script, it will add another duplicate binding. Attempts to unbind the click event on the pagehide event worked with the targeted element, but back button's bindings persisted.

Can anyone shed some light on this?

Thank you in advance.