by Guest » 13 Jan 2025, 12:51
Ich versuche, die Größe eines Elements zu vergrößern, wenn auf ein Ereignis mit einer Ansichtsbreite von 992 Pixel und darunter geklickt wird, und möchte, dass es automatisch entfernt wird, wenn die Ansichtsbreite über 993 Pixel liegt. Bitte erklären Sie mir, wie ich vorgehen soll?
Code: Select all
if (sidebarbtn_div.style.display == 'flex') {
const changesidebarbtn = () => {
sidebarbtn.forEach(item => {
item.classList.remove('active')
})
};
sidebarbtn.forEach(disbtn => {
disbtn.addEventListener('click', () => {
changesidebarbtn();
if (disbtn.classList.contains('close_left')) {
document.querySelector('.dis_left').classList.add('active');
document.querySelector('#class_middle').style.width = '96vw';
sidebar.style.display = 'none'
} else if (disbtn.classList.contains('dis_left')) {
document.querySelector('.close_left').classList.add('active');
document.querySelector('#class_middle').style.width = '100%';
sidebar.style.display = 'block'
};
})
})
} else if (sidebarbtn_div.style.display == 'none') {
document.querySelector('#class_middle').style.width = '100%';
sidebar.style.display = 'block'
}
Dies ist der HTML-Code für die Ereignisschaltfläche
Ich versuche, die Größe eines Elements zu vergrößern, wenn auf ein Ereignis mit einer Ansichtsbreite von 992 Pixel und darunter geklickt wird, und möchte, dass es automatisch entfernt wird, wenn die Ansichtsbreite über 993 Pixel liegt. Bitte erklären Sie mir, wie ich vorgehen soll?
[code]if (sidebarbtn_div.style.display == 'flex') {
const changesidebarbtn = () => {
sidebarbtn.forEach(item => {
item.classList.remove('active')
})
};
sidebarbtn.forEach(disbtn => {
disbtn.addEventListener('click', () => {
changesidebarbtn();
if (disbtn.classList.contains('close_left')) {
document.querySelector('.dis_left').classList.add('active');
document.querySelector('#class_middle').style.width = '96vw';
sidebar.style.display = 'none'
} else if (disbtn.classList.contains('dis_left')) {
document.querySelector('.close_left').classList.add('active');
document.querySelector('#class_middle').style.width = '100%';
sidebar.style.display = 'block'
};
})
})
} else if (sidebarbtn_div.style.display == 'none') {
document.querySelector('#class_middle').style.width = '100%';
sidebar.style.display = 'block'
}
[/code]
Dies ist der HTML-Code für die Ereignisschaltfläche
[code]
×
≻
[/code]
Mobile version