制作<div>链接</div>

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，图片没有显示:( 有什么建议吗？

2 个答案:

答案 0 :(得分：1)

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

制作链接最简单（也是最具语义性）的方法是使用<a>元素。
如果您真的想以javascript方式运行，可以使用jQuery绑定处理程序

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

答案 1 :(得分：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属性。

Answer 1

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

制作链接最简单（也是最具语义性）的方法是使用<a>元素。
如果您真的想以javascript方式运行，可以使用jQuery绑定处理程序

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

Answer 2

不要使用内联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属性。