Pass Modal Name as Variable to EventListener

Using Livewire. I have several modals on my dashboard and trying to close them by $this->dispatchBrowserEvent('closeModal', ['modalName' => '#moodModal']); to a

<script type="text/javascript">
    window.addEventListener('closeModal', () => {
        $(.modalName).modal('hide');
    });
</script>

If I use the actual modalName then it works. I assume I am not passing my variable correctly. Any help would be greatly appreciated! Thank you in advance.

Snapey

3 years ago

Best Answer

Level 122

You need to capture the event and then access the detail within it. I think like

<script type="text/javascript">
    window.addEventListener('closeModal', event => {
        $(event.detail.modalName).modal('hide');
    });
</script>

dmhall0

3 years ago

Level 1

@Snapey Amazing... thank you soo much!

Please or to participate in this conversation.