Javascript 模态隐藏不'；不能在引导4中工作

我在bootstrap 4中隐藏模式时遇到问题。 在我的tmp函数中，我必须关闭modal，然后我需要使用方法update_table（url）

HTML和JS

函数abrir_modal（url）{
$（'#Modal'）.load（url，函数（）{
$（this.modal（'show'）；
});
返回false；
}
函数tmp（url）{
$（'#Modal'）.on（'show.bs.Modal'，函数（e）{
$（“#Modal”）.Modal（'hide'）；
})
更新_表（url）；
}
函数更新表（url）{
$.ajax({
键入：“获取”，
url:url
})
.done（函数（）{
刷新_表（）；
});
}
函数刷新_表（）{
$.ajax({
键入：“获取”，
url:“{%url”项目：任务\计划\表格视图“%}”
})
.完成（功能（响应）{
$（“#u appendHere”）.load（“{%url”项目：任务#u计划_TableView“%}”+“#u appendHere”）；
});
};
函数hide_modal（）{
console.log（$（'#Modal'）.Modal（'name'））
$（'#model'）。model（'hide'）；
控制台日志（33）
返回false；
}

---

我不知道怎么回事，但当我尝试使用

隐藏\u模式

功能而不是tmp功能时，模式被隐藏。

这是隐藏弹出窗口的引导4模式弹出窗口的简单代码。 你可以查一下

$（'#model'）.model（'show'）；
函数tmp（url）{
$（“#Modal”）.Modal（'hide'）；
}

模态标题
&时代；
情态体。。
接近

tmp（url）功能状态中的代码，当模式弹出窗口显示时，该代码将被隐藏。我在控制台中的检查状态是显示模式（'hide'），直到显示动画完成后才会工作，因此在显示事件后，它不会立即工作。解决方法是在

setTimeout

中包装隐藏。但是它很普通。当我在控制台中调用tmp函数时，我有一个错误：uncaughttypeerror:$（…）。modal不是tmp（：24:21）的函数：1:1 tmp@VM5073:24（匿名）@VM5084:1是否添加了jquery和bootstrap js引用是：

<div class="modal" id="Modal" tabindex="-1" role="dialog"></div>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js'></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"
        integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"
        crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"
        integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"
        crossorigin="anonymous"></script>


<script type="text/javascript">
    function abrir_modal(url) {
        $('#Modal').load(url, function () {
            $(this).modal('show');
        });
        return false;
    }

    function tmp(url) {

        $('#Modal').on('shown.bs.modal', function (e) {
            $("#Modal").modal('hide');
        })
            update_table(url);


    }

    function update_table(url) {
        $.ajax({
            type: "GET",
            url: url
        })
            .done(function () {
                refresh_table();
            });
    }

    function refresh_table() {
        $.ajax({
            type: "GET",
            url: "{% url 'Project:Task_Schedule_TableView' %}"
        })
            .done(function (response) {
                $("#_appendHere").load("{% url 'Project:Task_Schedule_TableView' %}" + "#_appendHere");
            });
    };
function hide_modal() {
    console.log($('#Modal').modal('name'))
    $('#Modal').modal('hide');
    console.log(33)
    return false;
}
</script>