為什么boostrap.js無法加載？

Question

我在JSfiddle中嘗試了以下代碼-它可以工作，但是，這在我自己的本地計算機上不起作用。

可能是什么原因？

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css">
<script href='http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js'></script>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>    

<input type="button" id="loading-example-btn" data-loading-text="Loading..." class="btn btn-primary" value = "loading state">

<script>    
  $('#loading-example-btn').click(function () {
      var btn = $(this)
      btn.button('loading')    
  });
</script>

Answer 1

腳本標簽沒有href屬性。 它包含src屬性。

所以

<script src='http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js'> </script>

將工作。

Answer 2

您必須在doucment.ready函數中編寫jQuery腳本，並且已經在booststrap.js之后加載了jQuery庫，應該在加載之前

嘗試這個 ：

<script src="http://code.jquery.com/jquery-1.9.1.js"></script>

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css">
<script src='http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js'></script>

<input type="button" id="loading-example-btn" data-loading-text="Loading..." class="btn btn-primary" value = "loading state">    

<script>

    $(document).ready(function()
    {

      $('#loading-example-btn').click(function () {
        var btn = $(this)
        btn.button('loading')

      });
    });
</script>