2017-03-18 18 views
-1

私はモーダルにいくつか問題がありました。それは画面に表示されません。スクリプトが動作していて、jquery.jsがbootstrap.jsの前に追加されています。ブートストラップスクリプトをロードブートストラップのモーダルは動作しません

<!--LINK IN THE NAVBAR--> 
<li><a href="#Login" data-toggle="modal">Login</a></li> 

<!-- START OF MODAL --> 
<div class="modal-open modal" id="Login" role="dialog"> 
    <div class="modal-dialog"> 
    <div class="modal-content"> 
    <div class="modal-header"> 
    <p>Login here!</p> 
    <p>Don't have a account? <a href="#SignUp">Sign Up!</a> 
    </div> 
    </div> 
    </div> 
</div> 
<!--SCRIPT--> 
<script src="script/jquery.min.js"></script> 
<script src="script/bootstrap.js"></script> 
<script src="script/bootstrap.min.js"></script> 
+0

動作します:http://www.bootply.com/1aXeVBzOdC# – ZimSystem

答えて

2
<script src="script/bootstrap.js"></script> 
<script src="script/bootstrap.min.js"></script> 

二回モーダル機能が解除されます。一度だけロードしてください。

+0

試してみてください。まだ動作しませんでした。 –

+1

[あなたのコードは動作しません](http://jsbin.com/rocila/1/edit?html,output)しかし、あなたが私の変更をしたら[それはうまくいく](http://jsbin.com/rocila/2/edit?html、出力)。追加の問題がある場合は、指定したコードには表示されません。 – Quentin

+0

これは唯一の変更ですか?私は年齢のためにその部分に立ち往生しているので。カントはそれを働かせるようです! –

関連する問題