使用JavaScript来改变：使用滑块的缩略图

我怎样才能获得“数据室”从这些链接使用JavaScript来改变：使用滑块的缩略图

<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代表滑块的缩略图，通过单击其中一个滑块来更改幻灯片。

我想要做的就是相应地更改网址，从而在网站中切换“标签”。例如：site.html＃room1会显示ID为'room1'的div。（该部分已经完成，我只是与javascript部分混淆）。

希望你能理解它。

来源

2014-10-30 Waveen

尝试加入李的副本使用on method在jquery'jQuery（'。thumbs li a'）' – Billy 2014-10-30 22:01:58

@Billy在这种情况下它不会改变任何东西。 – Vadorequest 2014-10-30 22:04:27

这是页面上的所有链接吗？我只是试过$（“[href]”），它适用于所有链接。 – Billy 2014-10-30 22:11:31

你可以简单地调整你的事件监听器这样的：

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

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

希望帮助

PS：尝试，如果您使用的是最新的jQuery

来源

2014-10-30 22:04:14 Dominik

更好使用'$（this）.data（'room'）'，现在更有意义！ – Vadorequest 2014-10-30 22:05:16

mh是方便，但没有什么不同。不过，我明白你的观点。作为jQuery 1.6显然...... :) – Dominik 2014-10-30 22:07:01

何，对，它的确如此，它只是它*清洁*，我会说，就这些。 – Vadorequest 2014-10-30 22:08:07

使用JavaScript来改变：使用滑块的缩略图

回答

相关问题