javascript - $ (".element").first().trigger ('click' ) - iPad 不工作

Question

我正在使用:

$(".first-image-gallery").first().trigger('click');

创建点击图片库的 Action 。

这样做的原因是我在页面的其他地方使用了“开始画廊”按钮，并希望此按钮打开画廊的第一张图片，然后用户可以随意前后移动。

我正在为画廊使用 iLightBox，但找不到它内置的任何内容，无法通过 jQuery 从另一个按钮或操作打开画廊。

我当前使用的代码在桌面上的其他地方运行良好，但在移动 iPad 上无法运行。

Answer 1

这是 Mobile Safari 的怪异之处。如果没有在元素上设置 cursor: pointer; CSS 属性，点击事件将无法在任何元素上正常工作。

阅读更多:http://www.shdon.com/blog/2013/06/07/why-your-click-events-don-t-work-on-mobile-safari

This works on every standards-compliant browser. Mobile Safari chooses to differ, however. It does not generate click events for elements that do not have either or both of:

-Directly bound onclick handler.

-The cursor property set to pointer in CSS.

因此，您的解决方案似乎是:

.first-image-gallery {
  cursor: pointer;
}

我(几乎)总是求助于包括 cssua javascript 库和包括这一点的 css，它在全局(页面范围)解决了这个问题，在 Mobile Safari 中的整个页面上应用 cursor: pointer;(但在其他浏览器中没有):

html.ua-safari.ua-ios {
  cursor: pointer;
}