<script type='text/javascript' src='js/jquery.min.js?ver=1.0.0'></script>
.contentfirst{display:none;}.contentin{display:block;}
3 和 123 到是隐藏了。 可是没有切换效果是为什么?
点了切换按钮没反映
jquery 淡入淡出的切换问题。
答案:2 悬赏:10
解决时间 2021-04-09 12:45
- 提问者网友:情系雨樱花
- 2021-04-08 13:55
最佳答案
- 二级知识专家网友:初心未变
- 2021-04-08 15:34
尝试下使用遍历操作。如:
var _tab = $('#tabfirst a');
var _con = $('#tab_box .contentfirst');//尽量少有标签通配,否则,甭打算放内容了
_tab.each(function(){
$(this).bind('click',function(){
//在这里直接更新索引
_index = $(this).index();
//高亮切换
_tab.removeClass('tab_in').eq(_index).addClass('tab_in');
//栏目切换
_con.siblings(':visible').fadeOut(200,function(){
_con.eq(_index).fadeIn(200);
})
})
})最近看到不少Coder在用 >这样的语法,不知道在哪儿学的!在读jquery的源码和一些优秀的插件的时候,否没有见到用这样的语法的。
var _tab = $('#tabfirst a');
var _con = $('#tab_box .contentfirst');//尽量少有标签通配,否则,甭打算放内容了
_tab.each(function(){
$(this).bind('click',function(){
//在这里直接更新索引
_index = $(this).index();
//高亮切换
_tab.removeClass('tab_in').eq(_index).addClass('tab_in');
//栏目切换
_con.siblings(':visible').fadeOut(200,function(){
_con.eq(_index).fadeIn(200);
})
})
})最近看到不少Coder在用 >这样的语法,不知道在哪儿学的!在读jquery的源码和一些优秀的插件的时候,否没有见到用这样的语法的。
全部回答
- 1楼网友:不羁的心
- 2021-04-08 16:56
<p><img class=ed_capture src="https://pic.wenwen.soso.com/pqpic/wenwenpic/0/20190621192911-1061169696_jpeg_348_329_27104/0"></p> <p>这个行吗?</p> <p>源代码就在下面的演示页面里,你查看源代码就可以了,演示网址:</p> <p><a href="http://wenwen.soso.com/z/urlalertpage.e?sp=shttp%3a%2f%2fwww.qkweb.net%2fdemo%2ffocus%2f002%2f" target="_blank">http://www.qkweb.net/demo/focus/002/</a></p> <p> </p>
我要举报
如以上问答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息,可以点下面链接进行举报!
大家都在看
推荐资讯
• 手机登qq时,显示手机磁盘不足,清理后重新登 |
• 刺客的套装怎么选啊? |