Question

我想使用jQuery Percentage Loader。

在他们的网站上我找不到一个简单的工作演示来下载和使用。

我需要帮助找到他们的“可控”示例的简单演示代码。

jQuery Percentage Loader网站： https://bitbucket.org/Better2Web/jquery.percentageloader

jQuery Percentage Loader演示站点： http://widgets.better2web.com/loader/

Answer 1

从浏览器中查看视图页面来源，它会清除很多内容，例如

1.要包含哪些脚本/ css 2.Html标签和使用模式

示例正在使用

 <div id="controllable-loader"></div>

和

在标题部分中包含此内容。

<link rel="icon" href="images/favicon.gif" type="image/gif" />
<link rel="icon" href="images/favicon.ico" type="image/x-icon" />

<script src="scripts/jquery-1.7.2.js" type="text/javascript"></script>
<script src="scripts/jquery-ui-1.8.20.custom.min.js" type="text/javascript"></script>
<script src="scripts/jquery.ui.touch-punch.min.js" type="text/javascript"></script>
<script src="loader/jquery.percentageloader-01a.js" type="text/javascript"></script>

Answer 2

对于我使用的简单解决方案，它可以使用。

只需将他们的demo.html页面代码从jquery percentage loader插件中粘贴到jsp文件中即可。
在页面的头部引用它们的库和jquery。
您可以将jsp放在java动态Web应用程序的Web Content目录中，因此不需要servlet，因为jsp是一个已编译的servlet。
将Tomcat添加到项目中并使用：host / web context name / jsp name。

demo.html文件位于jquery.percentageloader文件夹中。

Answer 3

我为这个插件创建了一个加载器生成器。该生成器使您可以轻松定义可控加载器的颜色，然后为您提供实现它所需的代码。您可以在此处访问它：http://nadavr.com/projects/percentage-loader-color-generator/

jQuery Percentage Loader - “可控”示例

3 个答案: