進度條不起作用

任何人都可以告訴我進度條的工作方式嗎？在我的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＆只有

11. ajax進度條不工作？

12. ReactJS進度條不工作

13. Bootstrap 4-進度條在瀏覽器上不起作用

14. 進度條不起作用的文件複製

15. jQuery UI進度條主題不起作用？

16. 帶進度條的多步計算器不起作用

17. 從另一個班級運行進度條不起作用

18. 我的動畫進度條不起作用？

19. 爲什麼jQuery進度條不起作用？

20. 條形圖透明度不起作用

21. Android：進度對話框不起作用

22. Windows窗體進度欄不起作用？

23. 更新進度不起作用

24. 進度條不能與Kendo數字文本框一起工作

25. Onsenui不會與SVG進度條一起工作

26. 進度條不變

27. 進度條工作不沖水

28. qt進度條不能正常工作

29. 進度條不工作與ASIHTTPRequest

30. 進度條的Js代碼，不工作

進度條不起作用

回答

相關問題