Schaltfläche in div nicht zulassen, Modal ordnungsgemäß zu öffnen

Question

Ein Modal wird ausgelöst, wenn das div geklickt wird, aber da es eine Schaltfläche innerhalb der div ist, wird die Schaltfläche anstelle der modalen Öffnung geklickt. Wie kann ich die Tastenfunktionalität deaktivieren und das Modal geöffnet haben?

<div class="pic-info" data-remodal-target="modal"> 
    <button class="like-picture"></button> 
</div> 

Answer 1

Wenn Sie auf die Schaltfläche keine Funktion haben, warum nicht einfach ersetzen Sie es mit einem <span>?

die Sie interessieren und sehen, ob es funktioniert:

<div class="pic-info" data-remodal-target="modal"> 
    <span class="like-picture"></span> 
</div>