使用javascript更改:使用滑块的缩略图定位目标

时间:2014-10-30 21:59:08

标签: javascript html redirect

如何获取数据室'的数值?来自这些链接

<ul class="thumbs">
    <li><a href="#" data-room="1" data-slide="1"><img src="images/image-1.jpg"></a></li>
    <li><a href="#" data-room="2" data-slide="2"><img src="images/image-2.jpg"></a></li>
    <li><a href="#" data-room="3" data-slide="3"><img src="images/image-3.jpg"></a></li>
    <li><a href="#" data-room="4" data-slide="4"><img src="images/image-4.jpg"></a></li>
</ul>

然后在#?

之后添加它
jQuery('.thumbs a').click(function () {
  window.location.href = '#';
});

html用于滑块的缩略图,幻灯片通过单击其中一个来更改。

我想要做的是相应地更改网址,从而切换标签&#39;在网站上。例如:site.html#room1将使用id&#39; room1&#39;出现。 (那部分已经完成了。我只是与javascript部分混淆了。)

希望你能理解它。

1 个答案:

答案 0 :(得分:0)

您可以简单地将事件监听器调整为:

$('.thumbs a').on('click', function() {
    var $hash = $(this).attr('data-room');

    window.location.href = '#' + $hash;
});

希望有所帮助

PS:如果您使用的是jQuery的最新副本

,请尝试使用on method