Создание модального x-jet-диалога и модального x-jet-подтверждения не работают вместе

#laravel #modal-dialog #jetstream

Вопрос:

в моем index.blade.php

 lt;div class="flex mb-4"gt;  lt;x-jet-button wire:click="$toggle('savePositionModal')" wire:loading.attr="enabled"gt;pAdd New Position  lt;/x-jet-buttongt;  @include('livewire.admin.manageelections.electionpositions.positionmodal')  lt;/divgt;  lt;div class="bg-white overflow-hidden shadow-xl sm:rounded-lg"gt;  lt;div class="p-6 px-20 bg-white border-b border-gray-200 rounded-full"gt;  @include('livewire.admin.manageelections.electionpositions.positionstable')  lt;/divgt;  lt;/divgt;  

Модальная позиция работала нормально. но когда модальное подтверждение, которое находится в позициях.таблица

 @foreach($positions as $position)  lt;trgt;  lt;td class="border p-1"gt;{{$count  }}lt;/tdgt;  lt;td class="border p-1"gt;{{$position-gt;name}}lt;/tdgt;  lt;td class="border p-1"gt;{{$position-gt;description}}lt;/tdgt;  lt;td class="border p-1 text-center"gt;  lt;x-jet-secondary-button wire:click="openPositionModal({{$position-gt;id}})" wire:loading.attr="enabled"gt;  Edit  lt;/x-jet-secondary-buttongt;  lt;x-jet-danger-button wire:click="$toggle('deletePositionModal')" wire:loading.attr="enabled"gt;  Delete  lt;/x-jet-danger-buttongt;  @include('livewire.admin.manageelections.electionpositions.deletePositonModal')  lt;/tdgt;  lt;/trgt; @endforeach  

модал открытой позиции также работает. но способ подтверждения (который предназначен для удаления) не работает..

у кого-нибудь есть идеи, которые могли бы помочь?

Ответ №1:

Только один модальный может быть включен в laravel livewire jetstream.

Я рекомендую переключить, какой модальный режим включить, если пользователь нажимает определенную кнопку.

таким образом, состояние по умолчанию для каждого модала является активным или открытым. если когда-либо пользователь нажмет кнопку «нажмите, чтобы включить модальную кнопку», модальная кнопка будет включена, а затем откроется автоматически.