進度條不起作用

任何人都可以告訴我進度條的工作方式嗎？在我的HTML進度條不起作用

<html> 
    <head> 
     <link rel="stylesheet" type="text/css" href="mystyle.css"> 
     <script type="javascript/text"> 
     var progress = setInterval(function() { 
      var $bar = $('.bar'); 

      if ($bar.width()==400) { 
       clearInterval(progress); 
       $('.progress').removeClass('active'); 
      } else { 
       $bar.width($bar.width()+40); 
      } 
      $bar.text($bar.width()/4 + "%"); 
     }, 800); 
     </script> 
    </head> 
<body> 
    <div class="container"> 
    <div class="progress progress-striped active"> 
     <div class="bar" style="width: 0%;"></div> 
    </div> 
    </div> 
</body>

在我的CSS：

@import url('http://twitter.github.com/bootstrap/assets/css/bootstrap.css'); 

.container { 
    margin-top: 30px; 
    width: 400px; 
}

有什麼錯呢？運行後我無法得到任何東西。我也是在服務器上運行它。我從這裏得到：http://jsfiddle.net/xXM2z/ 請幫忙。

來源

2013-04-20 Somnath Kayal

究竟是什麼問題呢？我沒有看到一個問題... – 2013-04-20 06:12:20

當我運行它什麼都沒有來。 – 2013-04-20 06:13:37

你能運行這個代碼嗎？ – 2013-04-20 06:17:24

你不包括bootstrap.js在你的代碼 - 在提琴手這是動態包括左邊的複選框。在獨立代碼中正確安裝靴帶。

來源

2013-04-20 06:25:14

是的，你寫。我無法從提琴手運行任何代碼。我如何安裝bootstrap.js。請告訴我這個過程。 – 2013-04-20 06:39:08

在這裏你有例子（Bootstrapped模板）：http：//twitter.github.io/bootstrap/getting-started.html#html-template。請注意，您必須將CSS和JS文件放置在您的項目中。 – 2013-04-20 07:10:27

進度條工作正常，但有些錯誤。一個大進度條即將到來，這個進度條一直填充到100％，但在一半的時間內達到100％。如何糾正？感謝幫助。 – 2013-04-20 08:52:20

嘗試使用<script type='text/javascript'>，而不是在你的代碼<script type='javascript/text'> ...

甚至只是<script>沒有type屬性，幾乎所有的瀏覽器將它解釋爲這幾天的JavaScript。

編輯 - @killer_PL也有一點 - 該文件也需要包括在內。沒想到...

來源

2013-04-20 06:22:38

未來。我在CSS中導入bootstrap.js，當我點擊CSS中的鏈接時，它是可訪問的。 – 2013-04-20 06:49:43

@SomnathKayal好吧，但是你用'text/javascript'代替了'javascript/text'嗎？ – 2013-04-20 06:53:06

是的。我已經嘗試了文字/ JavaScript＆只有

進度條不起作用

回答

相關問題