jQuery点击事件不适用于移动设备

Question

我有一个按钮，该按钮的功能绑定到click事件。 在桌面浏览器中，它可以正常工作，但是我无法使其在我的iOS设备上工作。 这是html：

<i class="fa fa-angle-up fa-3x custom-close" id="olivares-close">

这是javascript：

$('#olivares-close').click(function(){
  $('#olivares').slideUp('slow', function(){
    $(window).trigger('resize.px.parallax');
  });
});

我也尝试过此JS：

$('#olivares-close').on('click touch', function(){
  $('#olivares').slideUp('slow', function(){
    $(window).trigger('resize.px.parallax');
  });
});

这些都不适用于移动设备。 我也尝试了事件'touchstart'和'touchend' ，但是没有用。 我也尝试使用.bind()代替.on() 。

我也尝试使用Jquery mobile .on('tap',function(){...}); 但也没有用（另外，我不希望包括jquery mobile，因为我不在网络上的其他任何地方使用它，并且我不想使其过于沉重，无法加载）

我还尝试将<i>元素包装在<a></a>元素内，并将click函数绑定到<a> ，但这都不起作用。

其他所有单击功能在移动设备上均能完美运行，唯一的问题就是此功能。

编辑：我的元素所在的html容器最初被display:none隐藏

谢谢 ！

Answer 1

如果您决定包括jQuery Mobile，请尝试使用vclick事件来代替。 jQuery Mobile“ vclick”事件处理程序在移动设备上模拟“ onclick”事件处理程序。 我希望这有帮助！

Answer 2

我发现适用于Android设备的是：

js.executeScript（“ $（'＃pageElement .elementClassName'）。trigger（'touchstart'）”）;

我还没有机会在IOS上进行测试，但这可能值得一试。