Using PhoneGap (Cordova) 1.5, I ran into an issue with the physical buttons on the Android device, specifically I was trying to bind handlers to “menubutton”, “searchbutton”, and use them to navigate within a jQuery Mobile app. However, these buttons only worked on the first\/initial jQuery Mobile page. After this page was navigated from, the buttons no longer worked.<\/p>\n
After attempting many different solutions and workarounds, I came across a very simple solution.<\/p>\n
A few lines from the bottom of the cordova.js (1.5.0)<\/em> file, you will find the line:<\/p>\n Change it to:<\/p>\n I believe this has something to do with a conflict in the way jQuery Mobile binds to the document.<\/p>\n For good measure, here is the JavaScript I used in the <head><\/strong><\/em> of my index.html<\/p>\n Using PhoneGap (Cordova) 1.5, I ran into an issue with the physical buttons on the Android device, specifically I was trying to bind handlers to “menubutton”, “searchbutton”, and use them to navigate within a jQuery Mobile app. However, these buttons … Continue reading \/\/ boot up once native side is ready\r\nchannel.onNativeReady.subscribe(_self.boot);<\/pre>\n
\/\/ boot up once native side is ready\r\nchannel.onNativeReady.subscribeOnce(_self.boot);<\/pre>\n
$(document).bind(\"mobileinit\", function(){\r\n\u00a0\u00a0 \u00a0\/\/first init\r\n});\r\n\r\n$(document).on(\"pageinit\", function(){\r\n\u00a0\u00a0 \u00a0\/\/each jqm page init\r\n});\r\n\r\n\/\/From PhoneGap's documentation on creating listeners for buttons\r\nfunction init(){\r\n\u00a0\u00a0 \u00a0document.addEventListener(\"deviceready\", onDeviceReady, false);\r\n}\r\n\r\n\/\/when phonegap is ready\r\nfunction onDeviceReady() {\r\n \/\/event listeners for buttons\r\n\u00a0\u00a0\u00a0 document.addEventListener(\"menubutton\", menuButton, false);\r\n\u00a0\u00a0 \u00a0document.addEventListener(\"searchbutton\", searchButton, false);\r\n}\r\n\r\n\/\/when menu button is pressed\r\nfunction menuButton() {\r\n \/\/change to main menu page\r\n\u00a0\u00a0\u00a0 $.mobile.changePage(\"#menu\", {transition: \"slidedown\"});\r\n}\r\n\r\n\/\/when search button is pressed\r\nfunction searchButton() {\r\n \/\/change to search page\r\n\u00a0\u00a0\u00a0 $.mobile.changePage(\"#search\", {transition: \"slideup\"});\r\n}<\/pre>\n","protected":false},"excerpt":{"rendered":"