2012-01-06 4 views
0

다음 링크를 사용하면 다음 링크로 넘어갈 수 있습니다. 기본적으로 다음 버튼 기능을 사용하고 있습니다.jQuery 코드 반전

역방향 버전을 만들어서 뒤로 버튼으로 사용할 수 있도록해야합니다. 여기

코드입니다 :

<script> 
    $("a.mytrigger").click(function(e){ 
     var index = $(this).attr("href").substr(5); 
     $('#navigation li:nth-child('+parseInt(index)+') a').click(); 
     e.preventDefault(); 
    });       
</script> 

UPDATE :

자세한 내용은 아래 링크를 참조하십시오

Javascript JQuery Script click link by code (Sliding Form Script)

+0

여기서 parseInt는 필요하지 않습니다. –

+0

여기에'-1'을 넣을 수 있습니까? 'parseInt (index) - 1' – vol7ron

+0

이 HTML을 보지 않고 이전 링크를 클릭하기 위해'(parseInt (index) - 1)'을 사용할 수 있습니까? –

답변

1

내가 당신의 문제가 쉽게 해결 될 수 있다고 생각을, 적은 HTML로. 은 my fiddle입니다.

약간의 설명 : 나는 usig $ (함수()) 메소드 온로드 링크를 만드는 오전

  1. . 나는 모든 "li"항목을 찾고, 나는 "다음", "prev"링크를 추가하고있다. 마지막에는 첫 번째 항목에서 '이전'링크를 제거하고 마지막 항목에서 '다음'링크를 제거합니다. 이렇게하면 HTML 요소를 직접 만들지 않아도됩니다.
  2. 각 링크를 추가하면 클래스 "다음"또는 "이전"으로 식별됩니다. 나는 "live"과 결합
  3. 각 링크에 이벤트를 "클릭"나는 부착 "라이브"방법

    (당신은 "on"대신. 구문이 될 수 서로 다른 비트를 사용해야 할 수도 있습니다). 핸들러는 전에 링크 된 "next"/ "prev"클래스에 따라 각 링크에서 작동합니다. "next"클래스의 경우, 다음 "li"요소를 얻기 위해 JQuery에서 "next"함수를 사용합니다. "prev"클래스의 경우 이전 "li"요소를 가져 오기 위해 JQuery에서 "prev"함수를 사용합니다.

    "prev"또는 "next"함수를 호출하기 전에 링크를 감싸는 "li"객체를 참조해야합니다. 이를 위해 $ (this)의 "closest('li')"전화를 사용합니다.

    더 필요한 것이 있으면 알려주세요.