作者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/m.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