jQuery attr() 在移动 Safari 上不起作用

【问题标题】：jQuery attr() not working on mobile SafarijQuery attr() 在移动 Safari 上不起作用
【发布时间】：2013-12-15 11:12:30
【问题描述】：

这是我的 HTML 标签。

<a href="#" id="test"><img id="imgtest" src="imgs/test_0.png" width="108" height="32" /></a>

这是我的 jQuery。

$(document).ready(function () {
    $("#test").click(function () {    
        $('#imgtest').attr('src', 'imgs/test.png');
    });
});

单击锚标记时我需要更改图像。这在桌面上的任何浏览器上都能完美运行，但移动版 Safari 除外。这有什么问题？

【问题讨论】：

【解决方案1】：

Mobile Safari 只会在用户点击可点击元素（如链接）时产生鼠标事件。您可以通过向其添加 onClick 事件处理程序来使元素可点击，即使该处理程序什么也不做。

--来自here

添加一个虚拟的 onclick 处理程序以使元素可点击（通常不可点击）：

<img id="imgtest" src="imgs/test_0.png" onclick="void(0)" />

你已经把它变成了一个链接，所以这不是问题。

但是，如果有 mouseover 事件更改任何内容（例如隐藏/显示内容，例如在下拉菜单中），则不会触发 click 事件。

--来自here

您也可以尝试touchstart 或touchend 事件。

例如

$(document).ready(function () {
    $("#test").on("click touchend", function () {    
        $('#imgtest').attr('src', 'imgs/test.png');
    });
});

【讨论】：