2010-03-31 3 views
1

숨겨진 div를 사용하여 슬라이드 쇼 효과를 만들고 있습니다. 미리보기 이미지를 클릭하면 해당 div가 창에 나타나고 다른 div는 숨겨집니다. 그러나 다시로드 할 페이지가 필요합니다.jQuery - 점프 링크를 따른 후 페이지 새로 고침

$("a").click(function() { 
    location.reload(); 
}); 

그러나,이 (A HREF = "#의 div02"같은) 링크를 따라하지 않고 페이지를 다시로드합니다 :이 같은 것을 사용하려고했습니다. 링크를 따라 페이지를 다시로드하려면 어떻게해야합니까?

+0

새로 고침이 수행하는 작업은 무엇입니까? – enduro

+0

비디오 페이지를 설정하려고합니다. 내가 가진 문제는 모든 비디오 페이지가 같은 페이지에 있었기 때문에 사용자가 엄지 손가락을 클릭하여 새 비디오로 이동했을 때 재생 중이라면 오래된 비디오가 계속 재생된다는 것입니다. 따라서 페이지를 다시로드하면 페이지가 새 비디오로 재설정됩니다. show() 및 hide()를 사용하여 해결 방법을 찾았지만 진행중인 작업을 발견했습니다. – criley

답변

0

올바르게 이해한다면 원하는 것은 DOM의 현재 상태를 반영하도록 브라우저의 URL을 수정하는 것입니다. 즉, 사용자가 사진을 클릭하면 "# div02"를 추가하여 URL이 업데이트되고 마지막으로 사용자는이 링크를 친구와 공유하여 해당 사진/상태로 바로 이동할 수 있습니다.

원하는 경우 위치 해시를 찾고 있습니다.

window.location.hash = "#div02"; 

을 얻으려면 : 설정하려면

window.location.hash 
+0

흠, 이것이 내가 찾고있는 것이 확실하지 않습니다. 다시 설명하려고합니다 : 비디오 페이지를 설정 중입니다. 오버플로가있는 메인 윈도우가 있는데, 현재의 영화를 보여 주며 숨겨진 다른 것들을 볼 수 있습니다. 오른쪽에는 미리보기 이미지가 표시되어 다른 동영상으로 이동하여 볼 수 있습니다. 그러나 이전 동영상의 재생을 중지하려면 점프 링크를 따라 페이지를 다시로드하는 것이 가장 이상적입니다. 문제는 링크를 따르지 않고 단순히 페이지를 새로 고칩니다. – criley

+0

아직 이해가되지 않으면 알려 주시면 데모 페이지를 설정하겠습니다. – criley

0

을하기보다는 페이지를 다시로드 단지 이전 비디오를 내장 요소를 제거합니다.

0

추가 매개 변수를 임의의 값과 함께 현재 URL에 추가 할 수 있습니다. 브라우저가 페이지를 다시로드 한 다음 URL이 변경되었으므로 앵커로 이동합니다.

var randomString = Date.now(); 
window.location = "?something=" + randomString + "#div02";