更改偽元素的類更改的代碼，無法弄清楚if陳述句...
伙計們請告訴我，有一個有效的代碼：
$('.dropdownlink').on('click', function (e) {
e.preventDefault()
let lass = $('.dropdownlink').hasClass('dropdownlink--active')
if (lass)
$('.dropdownlink').removeClass('dropdownlink--active');
else if ($(this).not(this).hasClass('dropdownlink--active'))
$('.dropdownlink').removeClass('dropdownlink--active');
$(this).addClass('dropdownlink--active');
})
我需要在最后添加一個條件，結果是：
$('.dropdownlink').on('click', function (e) {
e.preventDefault()
let lass = $('.dropdownlink').hasClass('dropdownlink--active')
if (lass)
$('.dropdownlink').removeClass('dropdownlink--active');
else if ($(this).not(this).hasClass('dropdownlink--active'))
$('.dropdownlink').removeClass('dropdownlink--active');
$(this).addClass('dropdownlink--active');
else if ($(this).hasClass('dropdownlink--active'))
$(this).removeClass('dropdownlink--active');
})
他開始對公告或操作員的預期發誓，我決定為每個條件添加大括號：
$('.dropdownlink').on('click', function (e) {
e.preventDefault()
let lass = $('.dropdownlink').hasClass('dropdownlink--active')
if (lass) {
$('.dropdownlink').removeClass('dropdownlink--active');
}
else if ($(this).not(this).hasClass('dropdownlink--active')) {
$('.dropdownlink').removeClass('dropdownlink--active');
$(this).addClass('dropdownlink--active');
}
else if ($(this).hasClass('dropdownlink--active')) {
$(this).removeClass('dropdownlink--active');
}
})
停止詛咒，但也完全停止作業，誰能注意到錯誤，我能做錯什么？
uj5u.com熱心網友回復：
在您的第一個示例中，該行
$(this).addClass('dropdownlink--active');
在兩種情況下都執行（if/else）。
然后，您的代碼應如下所示：
$('.dropdownlink').on('click', function(e) {
e.preventDefault()
let lass = $('.dropdownlink').hasClass('dropdownlink--active')
if (lass) {
$('.dropdownlink').removeClass('dropdownlink--active');
$(this).addClass('dropdownlink--active');
} else if ($(this).not(this).hasClass('dropdownlink--active')) {
$('.dropdownlink').removeClass('dropdownlink--active');
$(this).addClass('dropdownlink--active');
} else if ($(this).hasClass('dropdownlink--active')) {
$(this).removeClass('dropdownlink--active');
}
})
轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/522029.html
標籤：javascript