制作<div>链接</div>

时间:2012-11-27 21:00:31

标签: javascript jquery html

我无法建立链接。

我在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属性。