如何防止LARLAVEL Jetstream MODEL在点击背景时关闭? [英] How to prevent laravel jetstream modal to close when clicking on the background?
本文介绍了如何防止LARLAVEL Jetstream MODEL在点击背景时关闭?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
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>
这篇关于如何防止LARLAVEL Jetstream MODEL在点击背景时关闭?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文