Popup没有显示 - bootstrap

Question

点击时没有显示Bootstrap弹出窗口。只有“模态开放类”和“模态 - 背景”在浏览器中打开。但弹出窗口没有显示。

这是我的代码

<script>
    $(function () {
            $('#signup').on('click', function () {
                $(this).attr('data-target') ;
                $('#myModal').load('register.html');{
                    $(this).modal({ show: true });
                };
            });
      });
    </script>
<a href="register.html" id="signup" data-toggle="modal" data-target="#myModal">Sign Up</a>

Answer 1

将目标存储在variable中并在load函数中使用它，还要注意从加载中删除了一个额外的分号（＆＃39; register.html＆＃39;）＆＃39 ;的 ＆＃39;来自您的原始代码

   $(function () {
            $('#signup').on('click', function () {
                var target = $(this).attr('data-target') ;
             $("#myModal").load(target, function() { 
               $("#myModal").modal("show"); 
             });
            });
      });

Answer 2

就个人而言，我会改变这个链接......

<a data-content="register.html" id="signup" data-toggle="modal" data-target="#myModal">Sign Up</a>

跟jQuery这样......

(function()
{   
    $('#signup').on('click', function()
    {
        var target = $(this).data('content');            
        $("#myModal > .modal-dialog > .modal-content > .modal-body").load(target, function()
        {
            $(this).modal("show"); 
        });
    });
})();