Javascript 使用jquery.load后,引导程序4模式将不会关闭

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> <

我已经转移到Bootstrap4Beta3,但我面临着一个恼人的问题与模态;显示后的模式将不会关闭我单击的内容

模式远程设备已被BS4删除,因此我使用jquery.load()在单击按钮后加载模式内容

这是我的主页:

<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">&times;</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');
    });
}