2010-07-22 4 views
0

href 링크를 사용하여 페이지의 한 부분에서 다른 부분으로 연결하려고합니다.페이지로 리디렉션 한 다음 HTML로 홈 페이지로 이동

<div id="something"> 
    <div class="toolbar"> 
     <h1>Product information</h1> 
     <a class="button back" href="#">Back</a> 
     <a class="button slideup" href="#product">+</a> 
    </div> 
    <div> 
     <a href="#product" rel="external"><img class="content" src="Dress1.jpg" title="Pic1"/></a> 
    </div> 
</div> 

<div id="product"> 
    <div class="toolbar"> 
     <h1>Product</h1> 
     <a class="button back" href="#">Back</a> 
    </div> 
    <div> 
     <img class="content" src="Dress2.jpg" title="Pic1"/> 
    </div> 
</div> 

그림에서 Dress1을 # 클릭하면 #product로 이동하여 달리 지시 될 때까지 거기에 머물러 있어야합니다. 불행하게도 곧바로 #something에 돌아갑니다.

누가 잘못 알았습니까?

기능 : JQTouch를 사용하고 있습니다. (애니메이션 버튼 - 슬라이드 업 등) 원하는 것은 화면에 한 이미지가 나타나고 한 번 클릭하면 페이지가 나타납니다.

감사합니다. C.

Btw 메신저 Safari!

+1

주목할만한 점은 #으로 시작하는 링크가 실제로 페이지를 변경하지 않는다는 것입니다. 그것은 브라우저의 뷰포트에있는 것을 변경합니다. 테스트를 거친 브라우저와이 페이지에있는 자바 스크립트에 대한 정보도 제공 할 수 있습니까? –

+0

나는 그것을 잘못 표현했다. 나는 그 질문을 편집 할 것이다. thnx –

답변

1

어쩌면 바보 같은 질문이지만 당신은 페이지가 #product하는 점프 촉진하기에 충분히 긴 확신? 페이지 상단에 빈칸을 추가 한 다음 링크를 클릭하면 #product가 페이지 상단으로 이동하는지 확인하십시오.

0

링크를 이동하려는 페이지에 이름이 지정된 앵커를 추가해야합니다.

링크 : 페이지

<a href="#product">link to product</a> 

장소가에 대한 링크 :

<a name="product"></a> 
+0

이름은 더 이상 사용되지 않습니다. 나는 id = "product"를 사용했다. –

+0

머리를 주셔서 감사합니다 :) –

관련 문제