Twitter Bootstrapボタンjsが動作しない

Question

私はTwitter Bootstrapを使用していますが、ボタンの状態を変更することはできません。

私はhttp://jsfiddle.net/YCst4/1/からjsをコピーしていますが、私は応答を得ていません。 jQueryがロードされていないようですが、ヘッダにbootstrap.min.jsがロードされています。私はページ上の他のjavascriptに何の問題もありません。これを引き起こしているもので

<script> 
$('#button').button(); 

$('#button').click(function() { 
    $(this).button('loading'); 
}); 
</script> 

<button class="btn" id="button" type="button" data-text-loading="Loading...">Press Me</button> 

任意のアイデア：

これは私が私のCodeIgniterのビューを持っている何ですか？ bootstrap-button.jsはBootstrapに付属するbootstrap.min.jsの一部ではありませんか？

http://twitter.github.com/bootstrap/javascript.html#buttons

編集：私はページをソースに表示すると、そう、

私はヘッダビューにロードされbootstrap.min.jsを見ることができる、と私はそれが元だ見るためにそれをクリックすることができますパスは正しいです。しかし、ボタンjsコードは、実際のコンテンツビュー自体に<script src="http://site.dev/assets/admin/js/bootstrap.min.js"></script>を繰り返しても機能します。

私は、jQueryをbootstrap.min.jsの上に1行読み込み、jQuery要素をボタンと同じビューで完全に動作させました。私は困惑している。

Answer 1

bootstrap.min.jsの後にjquery-ui-1.8.21.custom.min.jsが読み込まれました。どうやら紛争があるようです。

Answer 2

ボタンがDOMの一部になる前に、クリックをボタンにバインドしようとしています。文書準備機能にあなたのものを入れて、あなたはOKであるはずです。

Answer 3

文書準備機能の中にコードを置く必要があります。コードは、ページが準備できた後に実行されるようにしてください。

$(document).ready(function(){ 
    $('#button').button(); 

    $('#button').click(function() { 
    $(this).button('loading'); 
    }); 
}); 

JSフィドルが自動的にこれを行うように思われるため、そこで動作します。

Answer 4

私は最近同じ問題がありました。

1. jsファイルを必要な順序でロードしていますか？ （スクリプトタグなど）上場注文はそうのような正しい（依存ベース）の順序でなければなりません：

   <script src="jquery.js"></script> 
   <script src="bootstrap.js"></script> 
   <script src="button_app.js."></script> 
   

2. あなたは、ローカルまたはリモートのCSS/JSファイルを使用していますか？リモートのものを使用している場合。それらのいずれかがgithubを参照しているかどうかを確認します。次のような場合：

   <script src="https://raw.github.com/twitter/bootstrap/master/js/bootstrap-alert.js"></script> 
   

   これらは動作しません。 ChromeはMIMEタイプエラーをスローします。私のようなJavaScriptの初心者のために

Answer 5

は：、/私はあなたが何もないとビューのボタンと一緒に書いた、まさに入れません：あなたはまた、あなたがまだ運$('#button').click()