jquery菜單項選擇不適用於手機

當從下拉菜單中選擇菜單項時，會將合適的圖像加載到div中。在桌面上工作，但在Android手機上選擇時不會。事實上，它確實在第二次嘗試。是否有一個選擇器可以同時適用於這兩個操作系統？jquery菜單項選擇不適用於手機

jQuery的我使用的檢測菜單選擇：

$("#template_select").mouseup(function(){ 
//change the image 
});

再次感謝您的時間，我真的很感激它，託德

來源

2013-02-07 maddogandnoriko

嘗試'.click（）'？ – l2aelba

的mouseup類似於徘徊。

問題是移動智能手機沒有hover事件。

更改的最快方法是使用click當在移動，就像這樣：

if(isMobile == true) { 
    $("#template_select").click(function(){ 
    //change the image 
    }); 
} else { 
    $("#template_select").mouseup(function(){ 
    //change the image 
    }); 
}

編輯

最簡單的方法來檢查，如果您的瀏覽器的手機是在JavaScript這樣的（link to the question and answer）：

var isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent);

來源

2013-02-07 11:39:26

手機新手...什麼是最好的方式來設置isMobile？ – maddogandnoriko

檢查我的編輯... –

謝謝你的幫助。答案竟然是$（「＃template_select」）。change（function（）{...點擊檢測到第一次點擊，然後模態出現選項，直到另一次點擊發生時才檢測到變化 – maddogandnoriko

你是在智能手機上，沒有「點擊」或「鼠標移動」，tr y移動庫像jquery手機（http://jquerymobile.com/）或這個我發現（http://touchpunch.furf.com/）

來源

2013-02-07 11:39:27 FibreFoX

我可以動態加載jQuery mobile if是一個移動設備？ – maddogandnoriko

你可以嘗試通過代理獲得它在服務器上，但如果你只需要「事件」只是嘗試與touchpunch，只需將你「聽衆」從「.mouseup」更改爲相應的（例如touchend）[更多信息HTML5ROCKS]（http://www.html5rocks.com/en/mobile/touch/） – FibreFoX

jquery菜單項選擇不適用於手機

回答

相關問題