AG积分

座機: 029-81773686 熱線: 18966895139
網頁制作、網絡營銷、維護推廣、手機網站制作一站式解決方案
十分感謝六年來與我們攜手共進的朋友們、客戶們!
關于jquery中on綁定click事件在蘋果手機失效的問題
添加時間:2018-07-09  點擊率:428次
jquery的click方法在不同的場景下使用時要經過多次改變的,蘋果手機的click方法使用其中一項是必須保證鼠標滑上去變成小手才可以

AG积分用一個div當做了一個按鈕來使用。

<div class="button">
    <div class=" next_button button_left btn_red" style="width: 345px;">
    下一步
    </div>
</div>
  • 1
  • 2
  • 3
  • 4
  • 5

AG积分因為是動態添加的內容,所以想要使用click事件,需要給他用on綁定一下:

$(document).on("click",".next_button",function(){     alert();
});
  • 1
  • 2
  • 3

這個時候,使用蘋果手機訪問的時候,發現了一個坑爹的問題,如論如何點擊“下一步”,都沒有任何反應,可是在安卓和各種模擬器中一切正常。后來經過查找資料才知道,蘋果有這么個設置: 
對于點擊的對象,擁有cursor:pointer這個樣式的設置,也就是說,鼠標放上去,能夠出現“手”型的圖標才被認作可以使用點擊事件,于是果斷增加了樣式

<style>     .next_button{
        cursor:pointer
    }</style>
  • 1
  • 2
  • 3
  • 4
  • 5
?
版權所有 ? AG积分宏博網絡,并保留所有權利
客服中心


展開客服