2013-08-19 9 views
0

jQuery Address Plugin에 약간의 문제가 있습니다.jQuery Address Plugin with Navigation and Tabs

탐색과 ​​탭에 동시에 추가해야합니다.

알아낼 수없는 문제가 2 가지 있습니다.

1) 탐색 경로를 클릭하면 위치 경로를 링크의 경로 + href로 변경하는 대신 "home.html #/about.html"처럼 추가합니다.

2) 탭 부분으로 이동하면 "id"로 변경되지만 location.path에서 페이지가 변경되지 않으므로 클릭 한 전나무 페이지에 페이지가 추가됩니다. => "home.html # direction-tab"그리고 이런 일이 발생하면 연락처 페이지 대신 홈 페이지를 가리키기 때문에 해당 탭에 연결할 수 없습니다.

(jQuery UI를 사용하여) 탭에 대한 설명서를 읽었지만 html 구조가 약간 다르므로 사용자 지정으로 추가하는 것을 선호합니다.

JS는 :

$.address.change(function(event) { 
    if (event.value != undefined && event.value != '/') { 
     $('#content').load(event.value.replace(/\//,'')+ ' #content') 
    } 
}) 

나는 링크에 제목을 추가하고 라이브 사이트에서 exmaples의 하나처럼 그들과 함께 작업을했는데, 나는 꽤 뒤에 논리를 얻을 것으로 보인다 않았다.

jsFiddle

답변

0

내가 그것을 알아낼 것 같다.

$(document).on('click', '.tabs a', function() { 
    var internal_path = $(this).attr('rel').replace(/\w+\:/, ''); 
    var href = $(this).attr('href'); 
    $.address.value(internal_path+href); 
    return false; 
});