WeChat 공개 계정 사이트 개발 과정에서 페이지가 주기적으로 클릭 이벤트에 바인딩되었습니다. 이후 다른 페이지로 전환한 후 휴대폰의 물리적 반환 키를 통해 반환되면 클릭 이벤트가 무효화되었습니다. 왜?
<code>$(function(){ //点击事件 var mapList=$(".map .loc-tag"); $.each(mapList,function(index,item){ mapList.eq(index).on('click',function(){ ... //get请求 }); }); });</code>
WeChat 공개 계정 사이트 개발 과정에서 페이지가 주기적으로 클릭 이벤트에 바인딩되었습니다. 이후 다른 페이지로 전환한 후 휴대폰의 물리적 반환 키를 통해 반환되면 클릭 이벤트가 무효화되었습니다. 왜인지 모르겠어?
<code>$(function(){ //点击事件 var mapList=$(".map .loc-tag"); $.each(mapList,function(index,item){ mapList.eq(index).on('click',function(){ ... //get请求 }); }); });</code>
이벤트 위임을 이용해 보세요
var hastouch = "ontouchstart" in window ? true : false,
start = hastouch ? "touchstart" : "click";
mapList.eq(index).on(start,function(){
<code> ... //get请求</code>
});
저도 이전에 프로젝트를 진행하면서 이런 문제를 겪었습니다.