2017-05-17 10 views
-1

私はBootstrap 4とJQueryUIの両方を使用するアプリケーション(つまり、drappable機能のdraftable &)に取り組んでいます。ブートストラップ4 + JQueryUI

これまでのところ、それがうまく働いたが、今私は、モーダルを表示するには、ブートストラップとjQueryを使用するので、同様にしようとしています:。

$("#modal1").modal({}); 

が、私は$(...を)言って、コンソールのエラーを取得するモーダル関数ではありません。だから、私はjQueryのロード・スクリプトが間違った場所にある考え出しが、このようなブートストラップCSSやスクリプト以前のように、それを周りに移動し、この種のエラーの束での結果:

Uncaught TypeError: $(...).draggable is not a function

とドラッグはJQueryUI機能です。

私の頭のタグはかっこよく見えますか?なぜBootstrapは私と協力したいのですか?

<head> 
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous"> 
    <script src="https://code.jquery.com/jquery-3.1.1.slim.min.js" integrity="sha384-A7FZj7v+d/sdmMqp/nOQwliLvUsJfDHW+k9Omg/a/EheAdgtzNs3hpfag6Ed950n" crossorigin="anonymous"></script> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js" integrity="sha384-DztdAPBWPRXSA/3eYEEUWrWCy7G5KFbe8fFjk5JAIxUYHKkDx6Qin1DkWx51bBrb" crossorigin="anonymous"></script> 
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/js/bootstrap.min.js" integrity="sha384-vBWWzlZJ8ea9aCX4pEW3rVHjgjt7zpkNpZk+02D9phzyeVkE+jo0ieGizqPLForn" crossorigin="anonymous"></script> 
    <script src="https://code.jquery.com/jquery-1.12.4.js"></script> 
    <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> 
    <link href="https://fonts.googleapis.com/css?family=Noto+Sans|Ubuntu:700" rel="stylesheet"> 
    <link rel="stylesheet" type="text/css" href="styles.css"> 
</head> 

詳細を入力する必要がある場合はお知らせください。ありがとう!

+0

関連:http://stackoverflow.com/questions/35424053/what-are-the-differences-between-normal-and-slim-package -of-jquery –

+0

bootstrap4は3.1のスリムなので、正しい順序ですが、jquery 1.12もロードします。 –

+0

jquery 1.12を実行すると、もはや機能しなくなります。 jquery-uiは機能するためにそこに1.12の読み込みスクリプトが必要なようです。 – Koenshi

答えて

0

あなたはjqueryのは、これを2回削除読み込んでいる: -

<script src="https://code.jquery.com/jquery-1.12.4.js"></script> 
+0

この結果、jquery-uiは機能しません。 – Koenshi

+0

3.2.1すなわち が '<スクリプト SRC =「https://code.jquery.com/jquery-3.2.1.js」 整合性とスリムなラインを置き換えるjQueryを使って上部でのjQueryのスリムバージョンを交換してみてください= "sha256-DZAnKJ/6XZ9si04Hgrsxu/8s717jcIzLy3oi35EouyE =" crossorigin = "anonymous"> –

+0

これはうまくいきました。しかし、私はjqueryを何度でもロードしているので問題はありますか? Jquery-uiは、古いjquery読み込みスクリプトを削除するたびに動作を停止するようです。ところで、私が3.1.1を置き換えたとき。 3.2.1分でスリムなJquery、それは完璧に動作します。 – Koenshi

関連する問題