使用 jQuery 在 iPad 上更改 img src 属性 [关闭]答案

【问题标题】：Changing img src attribute on iPad using jQuery [closed]使用 jQuery 在 iPad 上更改 img src 属性 [关闭]
【发布时间】：2014-07-24 03:30:07
【问题描述】：

我有一个更改 img src 的脚本，它在除 iPad 上的 Safari 之外的所有浏览器上都运行良好。这里是：

$("#carousel a").click(function() {
  var itemId = $(this).attr("itemid");
  $("#collection-photo img").attr("src", "path_"+itemId);
});

这是 HTML 代码：

<div id="collection-photo">
  <img src="path_0" alt=""/>
</div>
<ul id="carousel">
  <li><a href="#" itemid="1"><img src="some_img_1" alt=""/></a></li>
  <li><a href="#" itemid="2"><img src="some_img_2" alt=""/></a></li>
  <li><a href="#" itemid="3"><img src="some_img_3" alt=""/></a></li>
  ...
</ul>

正如我之前所说，所有路径都是正确的，因为它适用于每个浏览器。我使用 jQuery 1.9.1。

谢谢。

对不起，伙计们。问题出在俄罗斯 CMS 不好，我解决了，感谢您的帮助。

【问题讨论】：

你在 iPad 上使用的是什么浏览器？野生动物园？
@busy 在一个项目上：什么浏览器都没有关系； iOS 只有一个渲染器。
抱歉这个问题，伙计们。问题出在糟糕的俄罗斯 CMS 中，我解决了，感谢您的帮助。

标签： jquery html ipad safari

【解决方案1】：

试试这个 - 阻止链接执行总是一件好事，尤其是在涉及图像时。单击 # 将重新加载某些浏览器，除非我们返回 false/preventDefault

$("#carousel a").click(function(e) {
  e.preventDefault(); // cancel the click
  var itemId = $(this).attr("itemid");
  $("#collection-photo img").attr("src", "path_"+itemId);
});

【讨论】：

【解决方案2】：

检查iOS image size restrictions
尝试调试，添加alert(itemId)以检查属性是否正确读取并实际处理单击。请改用data-attributes。
return false 或 preventDefault 如前所述。

【讨论】：