2017-01-18 8 views
0

Я пытаюсь открыть модальное всплывающее окно из блока javascript. Это является одним из основных модальных, что я нашел в W3Schools: http://www.w3schools.com/bootstrap/tryit.asp?filename=trybs_ref_js_modal&stacked=hdisplay bootstrap modal popup от javascript не работает

Вот мой код:

  <script> 
       function showModal(){   
       window.location.href = '#myModal';  
       }  
      </script> 

     <!-- Modal --> 
     <div class="modal fade" id="myModal" role="dialog"> 
     <div class="modal-dialog"> 

     <!-- Modal content--> 
     <div class="modal-content"> 
     <div class="modal-header"> 
      <button type="button" class="close" data-dismiss="modal">&times;</button> 
      <h4 class="modal-title">Modal Header</h4> 
     </div> 
     <div class="modal-body"> 
      <p>Some text in the modal.</p> 
     </div> 
     <div class="modal-footer"> 
      <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
     </div> 
     </div>  
+2

пожалуйста, определить «не работает». Получаете ли вы какие-либо сообщения об ошибках в консоли или какое-то поведение неожиданно? – ADyson

ответ

0

Вместо JavaScript для Вас использование по умолчанию bootstrap function

function showModal(){ 
    $('#myModal').modal('show') 
} 
0

window.location.href не есть то, что известно как сеттер, что означает, что ему нельзя назначить новое значение. У этого есть геттер как стандарт (требование, действительно), так что вы можете получить его.

Если вы хотите открыть ссылку, попробуйте window.open("#myModal"); или использовать JQuery с $('#myModal').modal('show');