2013-03-07 2 views
1

내 페이지에 궤도 슬라이더를 구현하려고합니다. 이것은 단지 이미지와 일반 글 머리 기호로 잘 작동하지만,이 부분에 딥 링크를 추가하면 각 딥 링크의 #href가 실행되고 다시 페이지의 맨 위로 전송됩니다. 데이터 궤도 링크가 작동하는지 아닌지조차 알지 못합니다. 나는 orbit.js에서 아무것도 변경하지 않은파운데이션 4 궤도 - 페이지 상단으로 나를 전송하는 딥 링크

<div class="row"> 
    <ul id="featuredCom" data-orbit> 
    <li data-orbit-slide="image-1"> 
     <img src="images/featureimages/slide2.jpg" /> 
    </li> 
    <li data-orbit-slide="image-2"> 
     <img src="images/featureimages/slide1.jpg" /> 
    </li> 
    <li data-orbit-slide="image-3"> 
    <img src="images/featureimages/slide3.jpg" /> 
    </li> 
</ul> 
</div> 
<div class="row"> 
    <ul class="inline-list"> 
     <li><a href="#" data-orbit-link="image-1">Image One</a></li> 
     <li><a href="#" data-orbit-link="image-2">Image Two</a></li> 
     <li><a href="#" data-orbit-link="image-3">Goto Three 3</a></li> 
    </ul> 
</div> 

<script> 
$(window).load(function(){ 
    $('#featuredCom').orbit({ 

}); 
}); 
</script> 

그래서 난이 원인이 될 것입니다 무엇을 볼 수 없습니다 파일. 파운데이션 4 궤도 워드 프로세서를 앞뒤로 읽고 내가 무엇이 빠졌는지 확인하십시오. 그러나 코드를 복사해도 디플레이 링크는 같은 방식으로 동작합니다. 어떤 도움을 주시면 감사하겠습니다!

답변

1

javascript : void (0);

<a href="javascript: void(0);" data-orbit-link="image-1">Image One</a> 

그리고 사용

$(document).foundation();