Всплывающее окно не отображается - bootstrap

Question

Всплывающее окно Bootstrap не отображается на клике. В браузере открываются только «модально-открытый класс» и «модальный-backdropin». Но всплывающее окно не отображается.

Вот мой код

<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, а также отметить, что дополнительная точка с запятой удаляется от нагрузки («register.html»)»; 'из исходного кода

$(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"); 
     }); 
    }); 
})();