Javascript jQuery选项卡的自定义脚本
我对jquery选项卡有粘性问题。以下是我的网站链接: 部门结构:Javascript jQuery选项卡的自定义脚本,javascript,jquery,tabs,Javascript,Jquery,Tabs,我对jquery选项卡有粘性问题。以下是我的网站链接: 部门结构: <div class="cnt"> <div class="left"> <ul class="list"> <li><span class="title"><a class="tab_link tab_link_wybrany" rel="#rnt1" href="#">First</a></sp
<div class="cnt">
<div class="left">
<ul class="list">
<li><span class="title"><a class="tab_link tab_link_wybrany" rel="#rnt1" href="#">First</a></span></li>
<li><span class="title"><a class="tab_link" rel="#rnt2" href="#">Second</a></span></li>
<li><span class="title"><a class="tab_link" rel="#rnt3" href="#">Third</a></span></li>
</ul>
</div>
<div class="super">
<div id="rnt1" class="tab_text tab_wybrany">First</div>
<div id="rnt2" class="tab_text">Second</div>
<div id="rnt3" class="tab_text">Third</div>
</div>
</div>
当我点击tab-divs时?离线一切正常吗。。。我不知道我的错误在哪里。。。请帮帮我!:) 我建议您不要使用和的动画不透明度。那可能会解决你的问题 因此,您的脚本将如下所示:
$(document).ready(function(){
$(".tab_wybrany").fadeIn();
$(".tab_link").live("click", function(event){
event.preventDefault();
$(".tab_link_wybrany").removeClass("tab_link_wybrany");
$(this).addClass("tab_link_wybrany");
var container_id = $(this).attr("rel");
$(".tab_wybrany").fadeOut(750, function(){
$(this).removeClass("tab_wybrany");
$(container_id).addClass("tab_wybrany");
$(".tab_wybrany").fadeIn(750);
});
});
});
就这样!谢谢大家!//解决了的!没问题:)很乐意帮忙。请标记为已回答,当你有机会时,我会更新我的评论:D
$(document).ready(function(){
$(".tab_wybrany").fadeIn();
$(".tab_link").live("click", function(event){
event.preventDefault();
$(".tab_link_wybrany").removeClass("tab_link_wybrany");
$(this).addClass("tab_link_wybrany");
var container_id = $(this).attr("rel");
$(".tab_wybrany").fadeOut(750, function(){
$(this).removeClass("tab_wybrany");
$(container_id).addClass("tab_wybrany");
$(".tab_wybrany").fadeIn(750);
});
});
});