탭과 같은 메뉴 탐색 정렬을 만들려고합니다. 수직 버튼이 있습니다. 페이지를 시작하면 첫 번째 li 클래스가 제거되고 다른 링크를 클릭하면 nothign이 발생합니다. 그 외의 경우 내 콘텐츠 div가 표시됩니다 ..jquery에서 클래스 추가/제거 문제가 있습니다.
첫 번째 링크는 항상 페이지 시작시 활성화되어야합니다.
<script type="text/javascript">
$(document).ready(function() {
var tabContainers = $('div.pages > div');
$('div.sidemenu ul.list a').click(function() {
tabContainers.hide().filter(this.hash).show();
$('div.sidemenu ul.list li').removeClass('active');
$(this).addClass('active');
return false;
}).filter(':first').click();
});
</script>
<div class="sidemenu">
<ul class="list">
<li class="active"><a href="#first">Login & Password</a></li>
<li><a href="#second">Contact Details</a></li>
<li><a href="#third">Company & Branch Details</a></li>
<li><a href="#forth">Address Details</a></li>
</ul>
</div>
<div class="pages">
<div id="first">
CONTENT 1
</div>
<div id="second">
CONTENT 2
</div>
<div id="third">
CONTENT 3
</div>
<div id="forth">
CONTENT 4
</div>
</div>
내가 여기 놓친 거지 무슨 .. 어쩌면 그 cuase 난 그냥 아직도 커피 .. 내 첫 잔에 일어났다 확실하지 않음)
jQuery 용 사용자 정의 컴포넌트/스크립트를 작성하는 경우이 기사를 읽으십시오. http://docs.jquery.com/Plugins/Authoring 초보 사용자에게 다소 위협적 일 수 있지만 실제로는 강력합니다. –