2
이 질문의 버전을 확인했지만 이전 버전의 jquery 또는 jquery UI 1.10.2에 포함되지 않은 탭에 대해 질문을 받았습니다.jquery UI 탭의 URL을 통해 활성 탭 변경 (jquery 1.10.2)
내 질문은 :
어떤 jQuery 코드는 내가
가) 활성 탭의 선택은 (URL에 추가 될 수 있도록이에 추가 할 필요합니까 예를 들어, 탭-6 활성을 클릭 탭 경우 브라우저에 표시된 URL은 page2.html # tabs-6입니다.
b) url을 기반으로 활성화 된 탭을 변경하는 링크를 만들 수 있습니다 (따라서 "page1.html"에 링크를 만들면 해당 포인트 "page2.html # tabs-3" "#t abs-3 "이 활성 탭이됩니까?
웹 사이트의 여러 페이지를 jquery UI 탭 (themerolled jquery UI 1.10 사용)으로 통합 했으므로 홈페이지의 메뉴에서 개별 탭에 연결할 수 있어야합니다. 나는 html/css에 대해 꽤 경험이 있지만, jquery 지식은 기본적으로 데모 예제를 구현하고 편집 할 수있는 것으로 제한되어 있습니다.
우리의 목적을 위해 코드의 탭은 기본적으로 탭 데모에서 주식 jquery입니다. (A)의 경우
<head>
<script>
$(function() {
$("#tabs").tabs();
// Hover states on the static widgets
$("#dialog-link, #icons li").hover(
function() {
$(this).addClass("ui-state-hover");
},
function() {
$(this).removeClass("ui-state-hover");
}
);
});
</script>
</head>
<body>
<div id="tabs">
<ul>
<li><a href="#tabs-1">Tab One</a></li>
<li><a href="#tabs-2">Tab Two</a></li>
<li><a href="#tabs-3">Tab Three</a></li>
<li><a href="#tabs-4">Tab Four</a></li>
<li><a href="#tabs-5">Tab Five</a></li>
<li><a href="#tabs-6">Tab Six</a></li>
</ul>
</div>
<div id="tabs-1">
<p>tab 1 content</p>
</div>
<div id="tabs-2">
<p>tab 2 content</p>
</div>
<div id="tabs-3">
<p>tab 3 content</p>
</div>
<div id="tabs-4">
<p>tab 4 content</p>
</div>
<div id="tabs-5">
<p>tab 5 content</p>
</div>
<div id="tabs-6">
<p>tab 6 content</p>
</div>
</body>