laravel中的引导模态动态内容ajax
问题描述:
我想从ajax的引导模式中加载内容我可以在警报或控制台日志中获取它,但是我想更新的部分消失了!我尝试了$('。modal-content')。html(数据),但是我的模态内容消失或者.append(数据),但它不起作用!laravel中的引导模态动态内容ajax
我重拍了它真的很简单,但它仍然没有工作,即时通讯我错误的?
感谢您的时间和帮助!
部分关闭我的主页
<a class="btn btn-primary" class="quickview22" href="#" data-target="#quickviewMain55" data-categorie="1" data-trigger="hover" data-toggle="modal">Trigger modal</a>
@include('bootmodal')
我bootmodal观点
<div class="modal fade in " id="quickviewMain55">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title">Modal ffffffffffffffftitle</h4>
</div>
<div class="modal-body">
<h1>{{ $quickProducts1->first()->name }}</h1>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary">Save changes</button>
</div>
</div>
</div>
</div>
这是我的脚本
jQuery(document).ready(function($) {
$('#quickviewMain55').on('show.bs.modal', function(e) {
var category = $(e.relatedTarget).data('categorie');
$.ajax({
url: 'quick-view',
data: { category : category },
success: function(data)
{
$('.modal-content').html(data);
alert(data);
}
});
});
});
$.ajaxSetup({
headers: {
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
}
});
</script>
我控制器
class QuickViewController extends Controller
{
public function index(Request $request)
{
$quickProducts1 = Product::where('category_id', $request->category)->get();
return view('bootmodal', compact('quickProducts1'))->render();
}
}
答
您确定要将它追加到.modal-content
而不是.modal-content .modal-body
?
你可能也想尝试: $('.modal-content .modal-body').html(data)
让我们更新!
肯尼
我个人建议'$(”模式内容.modal体H1' )。追加(数据)' – ProEvilz