Question

我有一个使用id的动态模式操作。该代码可以正常工作，但只有刷新页面后，关闭按钮才能工作。

我的带有Ajax dynamic的js函数：

function urlId() {
    //je récupère l'id de l'url
    $('.post .modal-action').click(function (e) {
        e.preventDefault();
        var projet_id = $(this).data('projet_id');
        var $hidennDiv = $('#' + projet_id);
        // j'injecte l'id dans l'url de l'ajax

        $.ajax({
            url: 'core/libs/contents-services.php?action=getModal&id=' + projet_id,
            type: "get",
            dataType: "html",
            success: function (reponse) {
                $('#myModal--effect-fullwidth').html(reponse);
                projet_id = reponse.projet_id;
            }
        });
    });
}

这是关闭模式的按钮代码：

            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true" class="text-white">x</span>
        </button>

这是具有id模态的链接：

<a href="#myModal--effect-fullwidth" data-toggle="modal" data-target="#myModal--effect-fullwidth" class="btn modal-action text-white"   data-projet_id="'.$contents_brand[ 'projet_id' ].'">Découvrir</a>

我正在使用以下框架： fezvrasta （引导程序材料设计）

我的js函数中可能缺少某些内容或代码吗？请帮助我。

Answer 1

我找到了解决方法：

在我的动作中添加show.bs.modal单击我的js函数。

Bootstrap 4模态关闭按钮第一次打开时不起作用

1 个答案: