標籤:jquer color 其他 psi inter point like cat 元素
點擊通過js遍曆出來的列表,跳轉頁面。點擊事件委託在document上,
像這樣: $(document).on("click",".nav",function(){ })
在web和Android上度沒問題,能夠正常跳轉。但是在ios上點擊沒有任何反應。原因是:ios上事件委託不能綁定在document和ios上,應該綁定在它的其它父級元素上
$.each(dataall,function(i,item){ str += ‘<div class="nav shadow-black" data-str="‘ +item.data_str +‘"><div class="nav-item"><img src="‘ +item.myheadimgurl +‘" /><div class="ellipsis">‘ +item.myusername +‘</div></div><div class="nav-item alike"><div>VS</div><div>‘ +item.addtime +‘</div></div><div class="nav-item"><img src="‘ +item.compareheadimgurl +‘" /><div class="ellipsis">‘ +item.compareusername +‘</div></div></div>‘; }); $("#shareContent").html(str);
//ios點擊沒反應,未觸發事件$(document).on(‘click‘,‘.nav‘,function(){ var data_str = $(this).data(‘str‘); window.location.href = ‘http://test.epoque.cn/user/footcompare/compare_foot?data_str=‘+ data_str;})//將事件委託在其他元素上,ios點擊可跳轉$(‘#shareContent‘).on(‘click‘,‘.nav‘,function(){ var data_str = $(this).data(‘str‘); window.location.href = ‘http://test.epoque.cn/user/footcompare/compare_foot?data_str=‘+ data_str;})
另外一個問題:經常在ios上一個按鈕點不了,像這樣<span>按鈕</span>,原因是語義化的問題,可以用a標籤或者button,解決辦法:加樣式:cursor:pointer。
Jquery 在ios上事件委託失效