javascript - 制作关联

Question

我无法建立链接。

我在 Magento 商店有一张幻灯片。主题是响应式的，滑块是 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>

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

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

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

Answer 1

<a href="newurl.html">My link</a>

建立链接的最简单（也是最语义化）的方法是使用<a>元素。
如果您真的想采用 javascript 方式，您可以使用 jQuery 绑定处理程序

$('#camera_wrap').on('click', function(){
 // your code
});

Answer 2

不要使用内联点击...为您的 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 属性。