点击事件不起作用，而css中的位置在jquery中是绝对的

Question

代码如下：

$('#navigationLink').on('touchstart', function() {
  //debugger;
  var navi = $(this).find('p').attr('navi');
  if (navi == 'tryit') {
    alert('try');
  }
  if (navi == 'view') {
    alert('view');
  }
  if (navi == 'next') {
    alert('next');
  }
});

.pos_next {
  position: absolute;
  bottom: 2%;
  right: 0;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="navigationLink" class="col-xs-12 align_center pos_next">
  <p class="page_4_titles font_futura_bold clr_black" navi="next">Next Question</p>
</div>

请检查小提琴以获取更多信息https://jsfiddle.net/Lf0f8a4u/

Answer 1

在计算机上，您没有事件mousedown。它是click或$('#navigationLink').on('click', function() { debugger; var navi = $(this).find('p').attr('navi'); if (navi == 'tryit') { alert('try'); } if (navi == 'view') { alert('view'); } if (navi == 'next') { alert('next'); } });。

.pos_next {
  position: absolute;
  bottom: 2%;
  right: 0;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="navigationLink" class="col-xs-12 align_center pos_next">
  <p class="page_4_titles font_futura_bold clr_black" navi="next">Next Question</p>
</div>

$('').on('touchstart click', function...

信息

如果您想为计算机和移动浏览器提供兼容版本，可以使用touchstart。

click和touchstart之间的区别在于click在您的计算机上直接在移动浏览器中以click触发。 zoom gesture - 事件在iPhone Safari上有300毫秒的延迟，因为他们检查用户是否想要点击$ionicView.enter。