從URL的活動類div div

我有一個twitter Bootstrap旋轉木馬，我試圖鏈接到它從外部頁面的單獨幻燈片。我需要使用網址來完成。從URL的活動類div div

等

http://www.example.com/carousel.html#item3:active

設置第三張幻燈片爲活動

有沒有一種方法，我可以做到這一點？

來源

2012-11-27 KostasS

這完全有可能。您可以通過document.location.hash獲取當前網址#之後的部分，並且您可以使用$('.some-carousel').carousel(slideNr)鏈接到特定的幻燈片。放在一起，你的代碼可能如下所示：

$(function() { 
    var slide = document.location.hash.match(/^slide-(\d+)$/); 
    if (slide) { 
    $('.some-carousel').carousel(parseInt(slide[1], 10)); 
    } 
});

來源

2012-11-27 19:59:43

謝謝，是可以解釋的cotnents（/ ^幻燈片 - （\ d +）$ /）和（幻燈片[1]，10）？？我也應該把這個腳本放在標題或文檔的末尾？ – KostasS

當然！ '/ ^幻燈片 - （\ d +）$ /'是一個正則表達式，它匹配像'slide-10'或'slide-6'這樣的字符串。因此，我們檢查URL是否爲'http：// example.com/some/path＃slide-8'形式。 'parseInt（slide [1]，10）'將字符串「8」轉換爲數字「8」。 –

你能檢查我的代碼嗎？我做錯了什麼，我找不到它。 [鏈接]（http://www.ideoptimo.gr/carousel/index.html） – KostasS

從URL的活動類div div

回答

相關問題