Javascript 表中每一行的模式为';不要拒绝

Javascript 表中每一行的模式为';不要拒绝,javascript,laravel,bootstrap-4,Javascript,Laravel,Bootstrap 4,我有一个将产品显示到表中的页面,每行都有一个按钮来显示显示产品图像的模式,模式显示良好,但在单击外部时不会消失,甚至在按下关闭按钮时也不会消失!(在上面的代码中没有关闭按钮,我知道) @foreach($product形式的表_数据) {{$product->id} {{$product->name} {{getCategoryType($product->taggable_type)} {{($product->折扣*100)。“%”} {{$product->price} {{$produ

我有一个将产品显示到表中的页面,每行都有一个按钮来显示显示产品图像的模式,模式显示良好,但在单击外部时不会消失,甚至在按下关闭按钮时也不会消失!(在上面的代码中没有关闭按钮,我知道)


@foreach($product形式的表_数据)
{{$product->id}
{{$product->name}
{{getCategoryType($product->taggable_type)}
{{($product->折扣*100)。“%”}
{{$product->price}
{{$product->是否装饰?'Complex':'Simple'}
形象
id.“.jpg”)}}“class=”img responsive“>
编辑
删去
@endforeach

尝试添加“解除模式”按钮,例如:

<button type="button" class="btn btn-gray btn-circle" data-dismiss="modal">Dismiss</button>
驳回

这不是一个Laravel问题,而是一个jQuery(JavaScript)问题。查看您发布的内容,我甚至看不到任何地方会建议关闭/隐藏模式。当在模式边界外单击时,应取消模式。我说过,即使使用“关闭”按钮,也不会取消模式!!。根据上述代码,当在模式外单击时,应取消模式。您是否有脚本什么正在更改模式选项?
$('#id')。模式({background:'true',keyboard:false,show:false})
hmmm,不!我是否应该在按钮的id处为每个模式写一行代码?#id=你能给我解释一下如何编写这种脚本吗!!试着简化问题,看看你是否能解决这个问题。摆脱foreach循环,验证一个模式是否会在单个实例中关闭。如果不能,试着删除所有其他代码/脚本直到你得到一个工作的例子。一旦你有了一个工作的例子,开始慢慢地添加原始代码,直到它中断。这将为你隔离问题。
<button type="button" class="btn btn-gray btn-circle" data-dismiss="modal">Dismiss</button>