欢迎来到Doc100.Net免费学习资源知识分享平台!
您的位置:首页 > 程序异常 >

github上一个仿照youtube顶端进度条的jquery实例,无法在本地部署,求教原因

更新时间: 2014-01-05 01:53:56 责任编辑: Author_N1

 

Github上一个模仿YouTube顶端进度条的jQuery实例,无法在本地部署,求教原因。
Demo地址:http://www.thepetedesign.com/demos/youtube_loadingbar_demo.html
Github源码:https://github.com/peachananr/loading-bar

<html>
<head>
<script type="text/javascript" src="jquery.loadingbar.js"></script>
<link rel="stylesheet" type="text/css" href="loadingbar.css" />
<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script>
  $(document).ready(function(){
  $("#ajax-call").loadingbar({
    done: function(data) {
      $.each( data.shots, function( i, item ) {
        $( "<img/>" ).attr( "src", item.image_teaser_url ).prependTo( $("#frame") );
        if ( i === 11 ) {
          return false;
        }
      });
    }
  });
    });
    </script>
<style>
.reload{
  font-size: 14px;
  font-family: "微软雅黑";
  font-weight: bold;
  }
  </style>
</head>
<body>
<a id="ajax-call" href="http://www.baidu.com" class="reload">ajax-call</a>
<div id="frame"></div>
</body>
</html>


是不是下面的这些参数调用错了?

$(".ajax-call").loadingbar({
replaceURL: false, /* You can visibly change the URL of the browser to reflect the clicked links by toggling this to true. Default is false. May not work in old browsers. */
target: "#loadingbar-frame", /* The container's selector where you want the ajax result to appear. Default is #loadingbar-frame */
direction: "right", /* The direction where the the loading bar will progress. Default is right. */

/* Default Ajax Parameters.  */
async: true, 
complete: function(xhr, text) {},
cache: true,
error: function(xhr, text, e) {},
global: true,
headers: {},
statusCode: {},
success: function(data, text, xhr) {},
dataType: "html",
done: function(data) {}
});

--参考方法--
js加载的顺序调整下

<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script type="text/javascript" src="jquery.loadingbar.js"></script>
--参考方法--
引用:
js加载的顺序调整下

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


循序错了,你那个插件依赖jquery,一定要先倒入jquery
上一篇:上一篇
下一篇:下一篇

 

随机推荐程序问答结果

 

 

如对文章有任何疑问请提交到问题反馈,或者您对内容不满意,请您反馈给我们DOC100.NET论坛发贴求解。
DOC100.NET资源网,机器学习分类整理更新日期::2014-01-05 01:53:56
如需转载,请注明文章出处和来源网址:http://www.doc100.net/bugs/t/2749/
本文WWW.DOC100.NET DOC100.NET版权所有。