2017-01-17 9 views
0

나는 몇 탐색 링크에 의해 사업부 컨테이너에서 아약스 내용으로로드하고 defaultTab을 설정하려면이 다음 스크립트를 사용하고 있습니다 : 때까지 나는 # tab1-9 '같은 것을 익숙해 잘 작동easyTabs에서 defaultTab을 모두 지배적으로 설정하는 방법은 무엇입니까?

$(document).ready(function() { 
    $("#tab-container").easytabs({updateHash: true, defaultTab: "li:eq(3)"}); 
}); 

'탭을 클릭하여 URL에. 그렇다면 기본 탭을 설정하는 방법은 중요하지 않습니다.

url의 내용에도 불구하고이 defaultTab을 어떻게 설정할 수 있습니까?

+0

jsfiddle 또는 실행 가능한 코드 스 니펫을 제공 할 수 있습니까? –

+0

URL 뒤에 '# tab1-4'와 같은 내용이 출력되지 않도록하거나 스크립트가 파일을로드 할 때 수정하는 방법이 필요합니다. ' $ (function() { $ ('content ') .load ('./srv/inc/content.inc.php? welle = 1 & markt = 2'); });

'**이로드 기능은 검색 주소창의 URL을 변경하지 않습니다 ** **'성가심 '입니다. 주소 표시 줄의 확장 프로그램이 'defaultTab'속성이 아니라 선택한 탭을 결정합니다. 피들에서는이 문제를 보여주는 주소 표시 줄이 없습니다. 내 요청을 고려해 주셔서 감사합니다. – Shenya

+0

[this] (https://os.alfajango.com/easytabs/) 플러그인을 사용하고 있습니까? –

답변

0

url에 #tabId가 포함되어 있어도 페이지를 다시로드 할 때 탭을 수동으로 변경할 수 있습니다. 그 플러그인은 이것을 위해 내장 된 메소드를 가지고 있습니다.

EasyTabs에는 현재 select라는 공용 메서드가 하나 있습니다.이 메서드는 에서 JavaScript를 통해 탭을 선택할 수 있도록합니다.

그냥 $(document).ready() 기능이 코드를 추가 $('#tab-container').easytabs('select', '#default-tab-link');를이 줄 끝 : $("#tab-container").easytabs({updateHash: true, defaultTab: "li:eq(3)"});

그런 다음 코드는 다음과 같아야합니다 세 번째 li 내부

$(document).ready(function() { 
    $("#tab-container").easytabs({updateHash: true, defaultTab: "li:eq(3)"}); 
    $('#tab-container').easytabs('select', '#default-tab-link'); 
}); 

그리고 HTML 코드에서

, (기본값으로 설정하려는) id 속성을 <a> 태그로 설정하면 default-tab-link

,210
+0

내가 원하는 것처럼 작동하지 않습니다. -> [바이올린] (http://jsfiddle.net/T5C6h/2034/) 프레임을 다시로드하면 클릭 한 탭이 ​​defaultTab이 아닙니다. javascript 변수를 사용하면 ajax-load()로 파일을로드하여 php-Variable과 동일하게됩니다. 거기에는 아무 것도 바뀌지 않습니다. – Shenya

+0

jsfiddle에서 url을 확인하면 #tabid가 포함되어 있지 않으며 해당 시나리오를 시뮬레이트 할 수 없다는 것을 알 수 있습니다. 로컬 컴퓨터에서 테스트했으며 올바르게 작동합니다. 너는 그렇게하고 나에게 알려줄 수 있니? –

+0

로컬 컴퓨터에서도 테스트를했는데 똑같은 것이 있습니다. 어쩌면 우리는 다르게 생각할 것입니다. 프레임을로드하여 defaultTab로 변경해야합니다. 그게 좋을거야. 즉, 아마 파일을로드하여 url을 변경해야합니다. 당신의 스크립트는 그렇게하지 않습니다. ** (다른 탭을 클릭 한 후) 프레임을 다시로드하여 변수 nTab의 값으로 변경해야합니다 **. – Shenya

0

은 내가 발견 :이 fiddle here도 작동

$("#tab-container").easytabs({updateHash: true, defaultTab: "li:eq("+nTab+")", active: nTab}); 
$('#tab-container').easytabs('select', '#tabs1-'+String.fromCharCode(nTab+97)); 

.

귀하의 힌트에 진심으로 감사드립니다.