如何防止LARLAVEL Jetstream MODEL在点击背景时关闭?如何防止、背景、Jetstream、LARLAVEL

2023-09-03 10:23:25 作者:誮落ジ人斷膓

我想把jetstream modal static..仅当通过"取消"按钮完成单击时才取消。

在Bootstrap中我可以这样做

$('#myModal').modal({
backdrop: 'static',
keyboard: false
})

推荐答案

我找到的解决方案是在发布JetStream组件后删除模式组件中的x-on:click事件。

跨境电商防侵权预警 多功能相机腕带在美国站的外观专利检索分析

更改此设置

<div x-show="show" class="fixed inset-0 transform transition-all" x-on:click="show = false" x-transition:enter="ease-out duration-300"
                    x-transition:enter-start="opacity-0"
                    x-transition:enter-end="opacity-100"
                    x-transition:leave="ease-in duration-200"
                    x-transition:leave-start="opacity-100"
                    x-transition:leave-end="opacity-0">
        <div class="absolute inset-0 bg-gray-500 opacity-75"></div>
    </div>

<div x-show="show" class="fixed inset-0 transform transition-all"  x-transition:enter="ease-out duration-300"
                    x-transition:enter-start="opacity-0"
                    x-transition:enter-end="opacity-100"
                    x-transition:leave="ease-in duration-200"
                    x-transition:leave-start="opacity-100"
                    x-transition:leave-end="opacity-0">
        <div class="absolute inset-0 bg-gray-500 opacity-75"></div>
    </div>
 
精彩推荐
图片推荐