我无法使用新的Twitter Bootstrap版本:Bootstrap 4 alpha在远程模式下使用Modal。它在Bootstrap 3上运行良好。在Bootstrap 4下,我正在弹出窗口,但是没有加载模型主体。没有进行远程调用myRemoteURL.do来加载模型主体。
myRemoteURL.do
码:
<button type="button" data-toggle="modal" data-remote="myRemoteURL.do" data-target="#myModel">Open Model</button> <!-- Model --> <div class="modal fade" id="myModel" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> <h3 class="modal-title" id="myModalLabel">Model Title</h3> </div> <div class="modal-body"> <p> <img alt="loading" src="resources/img/ajax-loader.gif"> </p> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> <button type="button" class="btn btn-primary">Submit</button> </div> </div> </div> </div>
发现了问题:他们在引导程序4中删除了远程选项
remote :自v3.3.0起不推荐使用此选项,并将在v4中将其删除。我们建议改为使用客户端模板或数据绑定框架,或者自己调用jQuery.load。
我使用JQuery来实现此已删除的功能。
$('body').on('click', '[data-toggle="modal"]', function(){ $($(this).data("target")+' .modal-body').load($(this).data("remote")); });