jQuery attr（）不适用于移动Safari

Question

这是我的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。 这有什么问题？

Answer 1

移动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'); 
    }); 
});