私は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>
詳細を入力する必要がある場合はお知らせください。ありがとう!
関連:http://stackoverflow.com/questions/35424053/what-are-the-differences-between-normal-and-slim-package -of-jquery –
bootstrap4は3.1のスリムなので、正しい順序ですが、jquery 1.12もロードします。 –
jquery 1.12を実行すると、もはや機能しなくなります。 jquery-uiは機能するためにそこに1.12の読み込みスクリプトが必要なようです。 – Koenshi