Jquery 탭은 탭의 현재 URL을로드합니다.

Question

jQuery의 UI 탭 사용. 이것은 내 코드입니다.

<div id="tabs"> 
    <ul> 
    <li><a href="#tabs-1">Find a Category</a></li> 
    <li><a href="#tabs-2">Business Name</a></li> 
    <li><a href="#tabs-3">All Categories</a></li> 
    <li><a href="#tabs-4">Business to Business</a></li> 
    </ul> 
    <div style="clear:both;"></div> 
    <div id="tabs-1"><p>Tab 1</p></div> 
    <div id="tabs-2"><p>Tab 2</p></div> 
    <div id="tabs-3"><p>Tab 3</p></div> 
    <div id="tabs-4"><p>Tab 4</p></div> 
    </div> 
</div> 

... 이런 식으로는 완벽하게 작동 내 사이트의 일부 페이지에

$(function() { 
    $('#tabs').tabs(); 
}); 

를 초기화. 다른 페이지에서는 href="#tabs-x"의 앞에 페이지 경로가 붙여집니다 (예 : <a href="#tabs-1">Find a Category</a>은 <a href="/page/path/#tabs-1">Find a Category</a>이됩니다 (이 경우 페이지는/page/path /에 있습니다).이 경우 Ajax를 사용해야하고 페이지가 탭으로 다시로드됩니다.

정말 이상한 점은 모든 페이지에서 발생하지 않는다는 것입니다 (대부분의 경우에도 발생합니다). 예를

http://cbpstage.eblairsolutions.net/online/all-categories/용 - 실패 - http://cbpstage.eblairsolutions.net/online/business-to-business/가 잘 작동합니다.

페이지를 검증했습니다 (완벽하지는 않지만 정확히 동일한 방식으로 실패합니다). 나는 IDM의 울트라 콤팩트를 사용하여 그것들을 비교했습니다. 그것들은 페이지가 다르므로 약간의 차이점이 있지만 href가 다르게 작동하도록하는 원인을 발견 할 수있는 것은 없습니다.

나는 하루 종일 이것을 보냈으며 그걸 보여줄 대머리가 있습니다. 이걸 보려고 다른 사람을 사랑할 것입니다.

Answer 1

D Hoerster가 올바른 경로에 있습니다. 경로는 서버에서 오는 것 같습니다. 어느 쪽이든 당신은 그것을 추적, 또는 당신은 당신의 $('#tabs').tabs(... 선언하기 전에 다음 jQuery를 추가 할 수 있습니다

$('#tabs a').each(function(){ 
    $(this).attr('href',"#"+$(this).attr('href').split('#')[1]); 
}); 

편집 : 추가 "#"+ 당신이이 페이지를 생성하는 데 사용하는 언어는 무엇

Answer 2

내 초기 반응은 당신이 즉시 DIV 탭을 구축한다는 것입니다. 나는 백 엔드 언어/플랫폼을 잘 모르겠지만, 당신이 당신의 URL 참조 빌드 할 때 ASP.NET에서, 당신은 이런 식으로 뭔가를 할 수 있습니다

~/#tab-1

과 ~가 해결 것으로 해석됩니다 루트 디렉토리. 따라서 실제 페이지 (경로가 아님)가 몇 단계 깊이라면, ~은 해당 HREF에 몇 가지 수준을 추가합니다.

정확히 무슨 일이 일어나는 건지는 모르겠지만 그 일은 계속되고있는 것 같습니다. 탭 DIV가 어떻게 구성되는지 조사하고, href를 <a> 태그에 어떻게 추가하고 있는지 확인하십시오. 이 정보 중 일부를 사용하여 질문을 업데이트 할 수 있으면 적절하게 답변을 업데이트하겠습니다.

희망이 도움이됩니다.