jquery - jQuery 百分比加载器 - “可控”示例

Question

我想使用 jQuery 百分比加载器。

在他们的网站上，我找不到可以下载和使用的简单演示。

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

jQuery 百分比加载器站点： https ://bitbucket.org/Better2Web/jquery.percentageloader

jQuery 百分比加载器演示站点： http ://widgets.better2web.com/loader/

Answer 1

从您的浏览器查看页面源代码，它会清除您的很多内容，例如

1.包含哪些scripts/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

对于我使用的一个简单的解决方案，它有效。

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

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

Answer 3

I created a loader generator for this plugin. That generator enables you to easily define colors for a controllable loader and then gives you the code you need to implement it. You can access it here: http://nadavr.com/projects/percentage-loader-color-generator/