使用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來改變：使用滑塊的縮略圖

回答

相關問題