javascript - 制作 链接

Question

我在创建链接时遇到问题。

我在 Magento 商店中有一张幻灯片。主题是响应式的， slider 是 javascript。

这是我的代码:

<div id="camera_wrap" class="camera_wrap camera_orange_skin">
<div data-thumb="{{skin url='images/camera/slides/thumbs/slide1-thumb.png'}}" data-src {{skin url='images/camera/slides/b1.jpg'}}"></div>
</div>

slider 显示图片和相关缩略图。我想让 slider 可点击，但我无法让它工作。有任何想法吗？如果我放置

onclick="location.href='newurl.html';"

在 div 中，图像未显示 :(有什么建议吗？

Answer 1

不要使用内联 onclicks... 为您的 div 分配一个类和一个自定义数据属性。示例:

<div class="onclick-link" data-href="mylink.html">Some content here...</div>

然后:

$('.onclick-link').unbind('click').click(function() {
    window.location.href = $(this).attr('data-href');
});

这可以用于所有你想变成链接的 div，但要分配类和 data-href 属性。