在页面加载时更改第一个活动的toggleClass

Question

在预制插件中，我想使用jQuery更改其行为。它具有3个带有toggleClass（活动）的按钮，1、2、3按钮。

页面加载时；按钮1首先上课。我该如何操作，以使按钮2在页面加载时具有该类，而无需将其挖掘并将其更改为核心文件？

<button id="1" class="w-btn active">I am button 1</button>
<button id="2" class="w-btn ">I am button 2</button>
<button id="3" class="w-btn ">I am button 3</button>

它做什么？单击第一个按钮，因此出现一个字段。很基本。我尝试过addClass-removeClass，没有变化，因为它是toggleClass。

Answer 1

addClass和removeClass可能起作用...

$(document).ready(function () {
        $('#1').removeClass("active");
        $('#2').addClass("active");
});

Answer 2

必须以不同的方式处理问题，active类触发按钮以显示某些元素。您可以尝试通过使用addClass和removeClass来移动类，但是根据实现核心代码的严格程度，这很有可能不会起作用。

该问题的解决方案是通过触发您想要触发的按钮的单击来利用现有的切换行为。在这种情况下，active类将移动并且结果是相同的。

jQuery(document).ready(function() {
    jQuery('#2').trigger('click');
});