javascript - 使用javascript更改:target using a slider's thumbnails

Question

如何从这些链接获取“数据室”的值

<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 用于 slider 的缩略图，通过单击其中之一来更改幻灯片。

我想做的是相应地更改 url 目标，从而切换网站中的“选项卡”。例如:site.html#room1 将使 id 为“room1”的 div 出现。 (该部分已经完成。我只是对 javascript 部分感到困惑)。

希望你能理解。

Answer 1

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

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

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

希望有帮助

PS:尝试使用on method如果您使用的是最新的 jQuery 副本