2012-11-27 1 views
3

나는 트위터 부트 스트랩 회전 목마가 있고 외부 페이지에서 별도의 슬라이드로 연결하려고합니다. 나는 URL을 사용하여 그것을 할 필요가있다.URL에서 div에 활성 클래스

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

내가 할 수있는 방법이 있나요 활성

로 세 번째 슬라이드를 설정하는 방법?

답변

1

완벽하게 가능합니다. 현재 URL의 # 뒤에있는 부분을 document.location.hash을 통해 가져올 수 있으며 $('.some-carousel').carousel(slideNr)으로 특정 슬라이드에 연결할 수 있습니다. 함께 넣어, 당신의 코드는 다음과 같습니다 (/^슬라이드 - (\ D +) $ /)

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

감사합니다, 그것은의 cotnents 설명하는 가능을 (슬라이드 [1], 10)? ? 또한이 스크립트를 헤더 나 문서 끝에 넣어야합니까? – KostasS

+0

예! '/^slide - (\ d +) $ /'는'slide-10'이나'slide-6'과 같은 문자열에 대응하는 정규 표현식입니다. 그래서 URL의 형식이 http : // example.com/some/path # slide-8인지 확인합니다. 'parseInt (slide [1], 10)'은 문자열 ""8 "을 숫자"8 "로 변환합니다. –

+0

내 코드를 확인해 주시겠습니까? 나는 잘못된 것을하고 있으며 그것을 찾을 수 없다. [link] (http://www.ideoptimo.gr/carousel/index.html) – KostasS

관련 문제