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

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('[data-href]', 'click', function () {            
if ($(this).data('href')) {
                location.href = $(this).data('href');
            }
        });

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

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 중국어 웹사이트의 기타 관련 기사를 참조하세요!