[問題] jquery的ul li click問題

看板Ajax作者 (shen)時間8年前 (2016/01/26 23:49), 編輯推噓3(305)
留言8則, 5人參與, 最新討論串1/1
各位大大好,小的有個問題想請教一下 我有一個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://www.ptt.cc/bbs/Ajax/M.1453823374.A.36D.html

01/27 09:25, , 1F
其實你可以模擬click動作,像是$('.part h3').click();
01/27 09:25, 1F

01/27 09:26, , 2F
或許有更正統的作法,不過我如果是要程式觸發原本是使用
01/27 09:26, 2F

01/27 09:26, , 3F
者在做的事,我就會用這種方法觸發該事件
01/27 09:26, 3F

01/27 10:58, , 4F
$('.tabsDiv>div').eq(0).css('display','block');
01/27 10:58, 4F

01/27 14:11, , 5F
明白了,謝謝!!
01/27 14:11, 5F

01/27 14:43, , 6F
也有 trigger("click") 只是建議還是收到函式裡
01/27 14:43, 6F

02/28 18:15, , 7F
直接執行程式的時候 順便改css呢?
02/28 18:15, 7F

02/28 18:16, , 8F
寫一個function 執行程式或是click 的時候都呼叫它
02/28 18:16, 8F
文章代碼(AID): #1MfvMEDj (Ajax)