iOS Safari中jQuery .click()事件失效，尝试已知方案仍未解决

嘿，我之前也踩过iOS Safari这个坑！它对JS模拟的用户交互事件有特别严格的限制，尤其是页面加载时自动触发的click，很容易被浏览器拦截。结合你的代码，给你几个靠谱的解决方案：

方案1：用原生事件触发替代jQuery .click() #

iOS Safari对原生dispatchEvent的支持比jQuery封装的.click()更友好，试试把你的触发代码改成这样：

window.onload = () => {
    // 创建一个支持冒泡的click事件
    const clickEvent = new Event('click', { bubbles: true });
    hamburgerMenuIcon.dispatchEvent(clickEvent);
}

这个方法能更贴合iOS的事件模型，绕过它对模拟点击的限制。

方案2：确保元素被识别为可交互元素 #

iOS Safari有时候会忽略没有明确交互标识的元素的点击事件，给你的a标签加个CSS样式，让浏览器明确知道它是可点击的：

.mobile-nav-menu a {
    cursor: pointer;
    /* 可选：去掉iOS默认的点击高亮效果，优化体验 */
    -webkit-tap-highlight-color: transparent;
}

方案3：直接调用目标函数（最稳妥） #

既然你最终是要执行toggleMobileNavDropdown，其实完全可以跳过模拟点击这一步，直接调用函数——这是最不容易出问题的方式：

window.onload = () => {
    toggleMobileNavDropdown();
}

为什么会出现这个问题？ #

iOS Safari有个安全机制：只有真实用户触发的交互（比如手指点击）才能触发某些事件，页面加载时通过JS自动模拟的click会被判定为非用户主动操作，从而被浏览器拦截。jQuery的.click()本质上也是模拟事件，所以也会受这个限制。

内容的提问来源于stack exchange，提问作者maison.m