亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

一次只影響一個元素的切換類

一次只影響一個元素的切換類

catspeake 2021-11-12 14:28:09
我有兩個并排的相同元素的例子。我需要一次只能切換一個類。使用我當前的 Javascript,它們同時被切換。這是后端開發人員用來構建前端的樣式指南的一部分,因此我不能擁有僅用于 javascript 的無關類。此示例僅適用于使用 groovy/grails 在實際應用程序中工作的樣式指南。非常感謝任何提示!    $('.toggle-button-wrapper').on('click', function(e) {      $('.toggle-button').toggleClass("toggle-button-selected");    e.preventDefault();    });<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script><h4 style="margin-bottom: 10px;">Dark toggle</h4><div class="toggle-btn-dark">    <div class="toggle-button-wrapper">        <button class="toggle-button btn-card-mini first toggle-button-selected">            -        </button>        <button class="btn-card-big toggle-button last">            +        </button>    </div></div><br><h4 style="margin-bottom: 10px;">Light toggle</h4><div class="toggle-btn-light">    <div class="toggle-button-wrapper">        <button class="toggle-button btn-card-mini toggle-button-selected first" >            -        </button>        <button class="btn-card-big toggle-button last">            +        </button>    </div></div>
查看完整描述

1 回答

?
千萬里不及你

TA貢獻1784條經驗 獲得超9個贊

您可以將選擇器更改為


    $('.toggle-button-wrapper').on('click', function(e) {

      $(this).find('.toggle-button').toggleClass("toggle-button-selected");

    e.preventDefault();

    });

這基本上可以防止選擇所有切換按鈕并限制單擊包裝器的子項


查看完整回答
反對 回復 2021-11-12
  • 1 回答
  • 0 關注
  • 143 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號