ブートストラップ付きjqueryのスクリプトの順序

jqueryとブートストラップが新しく、互いをうまく組み合わせることができません。私は、ブートストラップのドロップダウンとjqueryスライダの両方を持つページを持っています。しかし、私はそれらの両方を同時に働かせることはできません。ブートストラップ付きjqueryのスクリプトの順序

ブートストラップドロップダウンは、このファイルを操作し、スライダーがそのように最後の行に2番目を除去することにより

<html lang="en"> 
<head> 
    <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/themes/base/jquery-ui.css" type="text/css" media="all" /> 
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script> 
    <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.min.js" type="text/javascript"></script> 
    <link href="/bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen"> 
    <script src="/js/slider_input.js"></script> 
</head> 

<body> 
.... 
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script> 
    <script src="/bootstrap/js/bootstrap.min.js"></script> 

</body 
</html

を破る：

スライダー作業、およびブートストラップドロップダウンは

<html lang="en"> 
<head> 
    <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/themes/base/jquery-ui.css" type="text/css" media="all" /> 
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script> 
    <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.min.js" type="text/javascript"></script> 
    <link href="/bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen"> 
    <script src="/js/slider_input.js"></script> 
</head> 

<body> 
.... 

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

</body 
</html

を破ります

出典

2013-06-04 bcoop713

私はごめんなさい。最初に実際のjqueryをロードする必要があります。そうでなければ、UIは動作しません。これは、ヘッド

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script> 
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.min.js" type="text/javascript"></script> 
<script src="/bootstrap/js/bootstrap.min.js"></script> 
<script src="/js/slider_input.js"></script> 

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/themes/base/jquery-ui.css" type="text/css" media="all" /> 
<link href="/bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen">

またHTML5であなたはあなたが他のそれを持っているので、もし、またconsistenも、ブートストラップ1のように、「タイプ= 『テキスト/ javascriptの』」をオフのままにする必要がありますする必要がありますそれをブートストラップに追加するには、ルールをロードすることと関係があります。

出典

2013-06-04 20:28:48

あなたのブートストラップバージョンでは新しいものが必要です、適切に実行するためのjQueryのバージョンは、交換してみてください。

<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.min.js" type="text/javascript"></script>

あなたの体にそれを残し、その後

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>

と

で。

何が起こったのか教えてください。

注：はこれまで、 2 jQuerysをロードしないでください、彼らは壊し、あなたの機能の動作を停止し、特にあなたがあなたのページにAJAXを使用する場合します。

出典

2013-06-04 19:43:07

これらのうちの1つはjqueryui用であり、1つはjquery由来です。両方は必要ありませんか？ – bcoop713

とにかく試してみて、それでもまだ壊れている:( – bcoop713

ああ、今は本当にjqueryをロードしなければならない、そうでなければUIも機能しないこれは頭でなければならない –

ブートストラップ付きjqueryのスクリプトの順序

答えて

関連する問題