0

我有一个更改 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 上，我解决了，感谢您的帮助。

4

2 回答 2

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);
});
于 2013-09-04T08:21:07.687 回答
1
  1. 检查iOS 图像大小限制
  2. 尝试调试，添加alert(itemId)以检查属性是否正确读取并单击实际正在处理。尝试data-使用属性。
  3. return false或preventDefault如前所述。
于 2013-09-04T08:30:50.157 回答