0

谁能告诉我进度条是如何工作的？在我的 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/ 请帮忙。

4

2 回答 2

2

您不包含bootstrap.js在您的代码中 - 在提琴手中，这是由左侧的复选框动态包含的。在您的独立代码中正确安装 bootsrap。

于 2013-04-20T06:25:14.873 回答
1

尝试在您的代码中使用<script type='text/javascript'>而不是...<script type='javascript/text'>

或者即使<script>没有 type 属性，现在几乎所有的浏览器都会将其解释为 javascript。

编辑-@killer_PL 也有一点-该文件也需要包含在内。没想到...

于 2013-04-20T06:22:38.250 回答