IE10 单击缩略图会在新窗口中打开大图像,而不是替换特色图像
IE10 Clicking thumbnail opens large image in new window instead of replacing featured image
我有一个 Shopify 商店,当该产品有颜色变体时,该商店在特色图片下方有缩略图。单击缩略图时,它会将特色图像替换为大版本的缩略图。这在通常的Chrome,Firefox,Safari中效果很好,但在IE10中不起作用。在IE10中,当我单击缩略图时,它会在新窗口中打开大版本,而不是替换图像。
这是我的 HTML:
{% if product.images.size > 1 %}
<ul id="product-photo-thumbs" class="clearfix grid">
{% for image in product.images %}
<li class="product-photo-thumb">
<a href="{{ image.src | product_img_url: 'grande' }}">
<img src="{{ image.src | product_img_url: 'small' }}" alt="{{ image.alt | escape }}" />
</a>
</li>
{% endfor %}
</ul>
{% endif %}
这是javascript:
// Load variant image into feature area
$('.product-photo-thumb a').click(function() {
var url = $(this).attr('href');
$('#product-photo-container img').attr('src',url);
event.preventDefault();
});
有什么想法(除了告诉我的客户停止使用IE :P)?谢谢!
试试这个:
// Load variant image into feature area
$('.product-photo-thumb a').click(function(e) {
e.preventDefault();
var url = $(this).attr('href');
$('#product-photo-container img').attr('src',url);
});
我认为您需要 2 件事,一个变量,使用 e
而不是event
以避免关键字冲突。在你实际做事之前放置preventDefault
。
相关文章:
- 使用javascript的图像替换循环
- 是否可以仅通过jQuery将图像替换为用户动态选择的另一个图像
- 用图像替换SVG
- 将href中的图像替换为其他元素中的图像
- 错误时用图像替换视频
- 以编程方式将fabric-js-canvas的图像替换为hq图像,并重新计算其他对象的坐标和大小
- jQuery 图像替换为类
- 可以用我自己的自定义图像替换光标
- jQuery-图像替换转换〔Safari中的问题〕
- d3.js用图像替换节点
- 用图像替换页面,而不是添加图像
- 可以动态设置图像替换文本吗
- JQuery - 单击时将背景图像替换为另一个背景图像
- 将鼠标悬停在另一个图像上时,将图像替换为另一个图像
- HTML:用图像替换文本微笑
- 将所有图像替换为一个图像 Javascript
- 在 jquery 中使用类和 ID 将一个图像替换为另一个图像
- 如何用自定义图像替换脸书按钮
- 在 PHP 中将一个外部图像替换为另一个内部图像
- 将图像替换为另一个图像,然后在超时后再次替换 - Javascript