Javascript 使用jquery.load后,引导程序4模式将不会关闭
我已经转移到Bootstrap4Beta3,但我面临着一个恼人的问题与模态;显示后的模式将不会关闭我单击的内容 模式远程设备已被BS4删除,因此我使用jquery.load()在单击按钮后加载模式内容 这是我的主页:Javascript 使用jquery.load后,引导程序4模式将不会关闭,javascript,jquery,ajax,twitter-bootstrap,Javascript,Jquery,Ajax,Twitter Bootstrap,我已经转移到Bootstrap4Beta3,但我面临着一个恼人的问题与模态;显示后的模式将不会关闭我单击的内容 模式远程设备已被BS4删除,因此我使用jquery.load()在单击按钮后加载模式内容 这是我的主页: <div class="container-fluid"> <div class="row"> <div class="col-md-1 sidenav"> <ul> <
<div class="container-fluid">
<div class="row">
<div class="col-md-1 sidenav">
<ul>
<?php include("include/menu.inc.php"); ?>
</ul>
</div>
<div class="col-md-11 offset-md-1 p-4">
<h1 class="pb-2">Projects List</span>
<a class="pull-right" title="Add Project" data-toggle="modal" href="#myModal" onClick="loadAddProjectModal()">
<i class="fa fa-plus text-muted" aria-hidden="true"></i>
</a>
</h1>
</div>
</div>
</div>
<!--Modals-->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"></div>
最后是模态内容modal_addProject.php:
<div class="modal-dialog modal-lg" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="myModalLabel">Add New Project</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
</div>
<div class="modal-body">
<p>Test</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
</div>
</div>
</div>
添加新项目
&时代;
试验
接近
我曾在本地使用“Wampserver”尝试过这一点,它的工作方式是正常的,但是在将我的站点上载到主机后,它将永远不会关闭,我尝试了两个不同的主机提供程序,两者都有相同的问题。打开模式,然后加载内容,因此关闭按钮没有事件侦听器 删除
href=“#myModal”
或数据目标=“#myModal”
并手动触发加载回调中的模式:
function loadAddProjectModal() {
$("#myModal").load('include/modal_addProject.php', function() {
$("#myModal").modal('show');
});
}
非常感谢,终于成功了。我在添加手动触发器之前已经尝试过,但我没有删除href=“#myModal”或data target=“#myModal”,这是我的错误
function loadAddProjectModal() {
$("#myModal").load('include/modal_addProject.php', function() {
$("#myModal").modal('show');
});
}