我使用Laravel版本5.1,我需要的想法是如何输出一个特定的动态变量(数据目标)的foreach之外。
模态div(bootstrap模态)必须在foreach之外!
什么是最好的使用php或jquery和如何解决这个问题?
Html and Laravel(php):
@foreach ($category as $name => $value)
<li>
<a href="">{{$value->category_name}}</a>
<button type="button" class="btn btn-warning fa fa-pencil-square-o pull-right easy" data-toggle="modal" data-target="#{{$value->id}}"></button>
...
</li>
@endforeach
<div class="modal fade" id="{{$value->id}}" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
...
</div>
实现这一目标的最好和最简单的方法是根据类别的ID创建一个新的Route。
然后,创建一个包含从该路由的控制器调用的模态内容的视图。
之后,在点击这个编辑按钮时调用jQuery脚本,它通过AJAX请求(取决于ID)加载模态视图。当这个请求完成后,将内容插入到模态中并打开模态。
我找到了解决方案。不需要AJAX或额外的foreach(以防止重载html数据)。它工作得很完美!
jquery:$(document).ready(function(){
$("#categoryview .fa-pencil-square-o").click(function(){
$(this).removeAttr("data-target").attr("data-target", "#edit");
});
});