>웹 프론트엔드 >JS 튜토리얼 >잘못된 jQuery 대리자 이벤트 모니터링에 대한 솔루션

잘못된 jQuery 대리자 이벤트 모니터링에 대한 솔루션

黄舟
黄舟원래의
2017-06-26 10:09:292191검색

WeChat을 개발하는 동안 저는 jQuery 대표에 의해 바인딩된 이벤트의 무응답 모니터링에 대한 솔루션을 발견했습니다.

프런트 엔드 아이들은 다음 구조의 원래 코드를

<a href="ssss">
<p>sssss</p>
<p>dddddd</p>
</a>

에서

<div data-href="ssss">
<p>ssssss</p>
<p>dddddd</p>
</div>

로 변경했습니다. 일부 비동기 로딩 콘텐츠가 포함되어 있기 때문에 다음 코드는 태그

$(document).delegate(&#39;[data-href]&#39;, &#39;click&#39;, function () {            
if ($(this).data(&#39;href&#39;)) {
                location.href = $(this).data(&#39;href&#39;);
            }
        });

기능을 구현하는 데 사용됩니다.

PC 브라우저에는 문제가 없었으나, 아이폰6에 기본으로 제공되는 브라우저를 열었을 때, 그냥 실패하더군요.

마침내 stackoverflow에서 솔루션을 찾았으며 이제 다음과 같이 기록됩니다.

On iOS there is no event bubbling without a cursor style. So in your CSS you need to add cursor: pointer; to the element.

CSS 콘텐츠 추가

*[data-href]{cursor: pointer;
}

위 내용은 잘못된 jQuery 대리자 이벤트 모니터링에 대한 솔루션의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.