作者lovejoe7010 (shen)
看板Ajax
标题[问题] jquery的ul li click问题
时间Tue Jan 26 23:49:32 2016
各位大大好,小的有个问题想请教一下
我有一个ul
<ul class="tabsOption">
<!-- 页签项目 -->
<li class="active" >页签1</li>
<li >页签2</li>
</ul>
用下面的jquery当click时,会显示不同div内程式,有没有办法不用click
,就可以让它换页签,意思是说我想要执行某段程式直接换页签
$(document).ready(function() {
$('.part h3').on('click', function() {
// content tabs
$('.tabsDiv>div:not(:first)').css('display', 'none');
$('.tabsOption li').on('click', function() {
$('.tabsDiv>div').css('display', 'none');
$('.tabsDiv>div').eq($(this).index()).css('display', 'block');
$('.tabsOption li').removeClass('active');
$(this).addClass('active');
});
});
--
※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 1.169.53.64
※ 文章网址: https://webptt.com/cn.aspx?n=bbs/Ajax/M.1453823374.A.36D.html
1F:推 Peruheru: 其实你可以模拟click动作,像是$('.part h3').click(); 01/27 09:25
2F:→ Peruheru: 或许有更正统的作法,不过我如果是要程式触发原本是使用 01/27 09:26
3F:→ Peruheru: 者在做的事,我就会用这种方法触发该事件 01/27 09:26
4F:→ MangoTW: $('.tabsDiv>div').eq(0).css('display','block'); 01/27 10:58
5F:→ lovejoe7010: 明白了,谢谢!! 01/27 14:11
6F:推 shadowjohn: 也有 trigger("click") 只是建议还是收到函式里 01/27 14:43
7F:推 johnny9144: 直接执行程式的时候 顺便改css呢? 02/28 18:15
8F:→ johnny9144: 写一个function 执行程式或是click 的时候都呼叫它 02/28 18:16