我试图在元素单击时触发一个巨大的弹出窗口。不幸的是,当前似乎要求用户单击两次,但我无法确定为什么会这样。我看过类似的问题并测试了他们的建议,但这些建议也没有用。
在下面的示例中,您将看到控制台日志两次都触发,但是宏弹出窗口仅一次触发。有任何关于原因或解决方案的想法吗?
$(document).on('click touch touchstart touchend','.simple-ajax-popup',function(event) {
$(this).magnificPopup({
type: 'ajax'
});
console.log('review question click');
event.preventDefault();
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/jquery.magnific-popup.min.js"></script>
<div id="reviewPage" class="page">
<div class="reviewTitle">Tap to review your answers</div>
<div id="reviewQuestionsList" class="mCustomScrollbar">
<div class="reviewQuestionItem reviewQuestionWrong">
<a class="reviewQuestionItemText simple-ajax-popup" href="https://google.com">Open Google</a>
</div>
</div>
</div>