hi,
ich sitze seit 2 Stunden dran um den Fehler zu finden. Weiß jemand von euch warum die Funktion mit if(event.target) nicht funktoniert?
Es erscheint keine Fehlermeldung aber die Klasse "show-modal" verschwindet einfach nicht.
html
HTML
<button type="button" name="delete_bookmark" class="delete-bookmark-new"><i class="fas fa-bookmark"></i></button>
<div style="position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
opacity: 0;
visibility: hidden;
transform: scale(1.1);
transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;
z-index: 100;" class="bookmark-new">
<h2 style="color:red;font-size:5em;">Ein Text</h2>
</div>
Alles anzeigen
CSS:
JavaScript
$('.delete-bookmark-new').on('click', function() {
function toggle() {
$('.bookmark-new).addClass('show-modal');
var open = $('.bookmark-new).hasClass('show-modal');
if(!(open)) {
$('.bookmark-new).addClass('show-modal');
}
}
toggle();
function thewindow(event) {
if(event.target === $('.bookmark-new)) {
$('.bookmark-new).removeClass('show-modal');
}
}
window.addEventListener('click', thewindow);
})
Alles anzeigen