首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >jquery-ui进度栏未显示

jquery-ui进度栏未显示
EN

Stack Overflow用户
提问于 2013-03-11 12:32:17
回答 1查看 855关注 0票数 3

我试图使用jquery在rails中向我的应用程序添加一个简单的进度条。我遵循这个例子:http://jqueryui.com/progressbar/

我创建了div

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<div id="progressbar"></div>

在我的JS中

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
$(document).ready( function() {
  $("#progressbar").progressbar({
    value: 37
  });
});

但是html中的div没有发生任何变化-它仍然是空的,没有样式(即没有对它应用额外的CSS )。

我已经检查了我的应用程序中包含了jquery,特别是,我已经确定了jquery文件是包括在内的。

然而,我愿意打赌这个问题与jquery在我的应用程序中不能正常工作有关,因为我对它和工具提示函数有另一个问题,这是我在这里问到的:positioning jQuery tooltip

这让我发疯了,有人有什么想法吗?

EN

回答 1

Stack Overflow用户

发布于 2014-10-10 04:49:32

我现在也有同样的问题。

该示例中引用的libaries似乎不起作用。

我从"Firefox - Developer Tools - Browser Console“中得到的错误是:

ReferenceError:$未定义

(我在Firefox 32.0.3和IE 11上进行了测试)

如果您只是将示例html/jquery源从"http://jqueryui.com/progressbar/“复制到本地文件(让我们调用它:"testJqueryProgressBar.html")并双击它,您将不会看到任何进度条!

“testJqueryProgressBar.html”的来源:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>jQuery UI Progressbar - Default functionality</title>
    <link rel="stylesheet" href="//code.jquery.com/ui/1.11.1/themes/smoothness/jquery-ui.css">
    <script src="//code.jquery.com/jquery-1.10.2.js"></script>
    <script src="//code.jquery.com/ui/1.11.1/jquery-ui.js"></script>
    <link rel="stylesheet" href="//jqueryui.com/resources/demos/style.css">
    <script>
        $(function() 
        {
            $( "#progressbar" ).progressbar({ value: 37 });
        });
    </script>
</head>
<body>
    <div id="progressbar"></div>
</body>
</html>

因此,我检查了示例标题中的链接,并且都引用了一些内容。所以链接是有效的!

我甚至试图引用来自另一个提供者f.e的jquery库。:https://developers.google.com/speed/libraries/devguide?hl=de#jquery-ui。同样的问题!

然后我转到http://jqueryui.com/download/ Selected : 1.11.1 (稳定的,用于jQuery1.6+)在底部选择了一个不同的UI主题

在我的本地示例testJqueryProgressBar.html中下载了zip并引用了这些解压缩的jquery源代码,并且它成功了。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/15348046

复制
相关文章
Python显示进度条,实时显示处理进度
发现了一个工具,tqdm,大家可以了解一下,使用tqdm就不需要自己来写代码显示进度了 在大多数时候,我们的程序会一直进行循环处理。这时候,我们非常希望能够知道程序的处理进度,由此来决定接下来该做些什么。接下来告诉大家如何简单又漂亮的实现这一功能。 #如何使用这个类 使用这个类很简单,只需要两步即可完成,如下:
py3study
2020/01/08
4.2K0
显示进度下载图片
上篇文章讲了如何实现模拟的进度条,这篇文章就来实践一下。通过下载一张图片作为案例,当然换成其它软件的链接也可以,把保存的文件后缀名改成相应的内容就可以。
叶子陪你玩
2020/04/23
3.8K0
显示进度下载图片
WPF任务栏同步进度
本篇文章主要分享使用TaskbarItemInfo对象(WPF)在window操作系统的任务栏中同步任务进度的功能。
JusterZhu
2022/12/07
5110
WPF任务栏同步进度
python: 显示进度条
Method 调用 tqdm 库: from tqdm import tqdm Example try: from tqdm import tqdm except: import os os.system('sudo pip3 install tqdm') from tqdm import tqdm lst = [1, 2, 3] pbar = tqdm(lst) for (idx, ele) in enumerate(pbar): main() pb
JNingWei
2018/09/27
1.8K0
python: 显示进度条
Qt创建任务栏进度条
    任务栏进度条是Windows7就引入的一种UI形式,通常用于显示软件当前正在执行的任务的进度(如编译程序的进度、下载任务的进度)。如下:
24K纯开源
2018/12/26
1.9K0
UIProgressView 当前进度显示圆角
也就是把 UIProgressView的trackTintColor设置为透明。假如进度条没有填满是效果是这样的
赵哥窟
2018/09/13
2.8K0
UIProgressView 当前进度显示圆角
ABAP之显示当前查询进度
开启掘金成长之旅!这是我参与「掘金日新计划 · 12 月更文挑战」的第26天,点击查看活动详情
百里丶落云
2022/12/18
1.5K0
ABAP之显示当前查询进度
隐藏任务栏显示
我用ModifyStyleEx(WS_EX_APPWINDOW,0);隐藏了程序在任务栏的显示.
全栈程序员站长
2022/09/09
1.9K0
Python tqdm显示代码任务进度
有时候在使用Python处理比较耗时操作的时候,为了便于观察处理进度,这时候就需要通过进度条将处理情况进行可视化展示,以便我们能够及时了解情况。
用户9925864
2022/07/27
2K0
Python tqdm显示代码任务进度
springboot上传文件显示上传进度[通俗易懂]
原文链接:https://blog.csdn.net/FurtherSkyQ/article/details/98200965
全栈程序员站长
2022/09/05
2.1K0
附件下载显示进度条
使用axios进行流处理文件下载的过程中,如果文件比较大,就需要等待整个文件流都下载到内存中才会弹出浏览器的下载文件保存对话框,这种方式在下载小文件的场景没什么问题,但是遇到大文件,一方面是浏览器的下载保存对话框半天都不会响应客户,这样体验不是很好;另外一方面是受到客户端内存的限制。
学以致用丶
2022/06/29
1.9K0
Springboot上传文件&显示进度条
发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/137674.html原文链接:https://javaforall.cn
全栈程序员站长
2022/09/05
4.8K0
python进度条显示-tqmd模块
安装 anaconda 是自动集成的 如果导入不存在,直接pip pip install tqdm 参数 #参数介绍 iterable=None, desc=None, 传入str类型,作为进度条标题(类似于说明) total=None, 预期的迭代次数 leave=True, file=None, ncols=None, 可以自定义进度条的总长度 mininterval=0.1, 最小的更新间隔 maxinterval=10.0, 最大更新间隔 miniters=None,
诡途
2020/10/16
1.7K0
python进度条显示-tqmd模块
Python 如何实时显示进度条?
日常工作和学习中,经常需要观察当前任务的执行进度,如果一个执行时间很长的任务,能够有进度条实时的显示当前的任务进度,那么将非常方便。如何快速的实现?
double
2019/08/09
4K0
Python 如何实时显示进度条?
App更新策略课程-实现通知栏进度更新
上节课给大家介绍了如何实现下载进度更新,本节课将会给大家介绍如何实现通知栏消息提醒和通知栏的下载进度更新,如果还没有学习前面的课程的同学可以先学习前面内容: App更新策略课程-检查更新实现 App更
巫山老妖
2018/07/20
7980
【Android FFMPEG 开发】FFMPEG 视频播放进度控制 ( 显示播放进度 | 拖动进度条播放 )
FFMPEG 播放进度控制 : 为 FFMPEG 播放视频添加拖动进度条功能 , 主要包含以下两个功能 ;
韩曙亮
2023/03/27
2.3K0
【Android FFMPEG 开发】FFMPEG 视频播放进度控制 ( 显示播放进度 | 拖动进度条播放 )
layui单选框未显示的问题
一开始还没导入idea的时候,单纯点击一个网页是有显示出来的,当我把这个带有单选框的网页放到idea的项目中去的时候,发现单选框没显示出来。 1.首先在确认js.css等东西有导入,和之前的网页也没有什么区别 2.网上查询之后, 解释:有些时候,你的有些表单元素可能是动态插入的。这时 form 模块 的自动化渲染是会对其失效的。虽然我们没有双向绑定机制, 但没有关系,你只需要执行 form.render(type, filter); 方法即可。
全栈程序员站长
2022/08/23
5.3K0
js 状态栏逐字显示文字
效果图: image.png image.png image.png image.png image.png image.png image.png image.png 状态栏 逐字显示一句话 var i=0; var iIntervalID=0; var info=""; var arr=["临","沂","大","学","欢","迎","您","!"]; function interval(){ if(i<arr.length) { i
明明如月学长
2021/08/27
7.5K0
Bash执行命令显示进度和结果
文章目录 Bash执行命令显示进度和结果 1.代码 2.测试效果 Bash执行命令显示进度和结果 1.代码 #!/bin/bash #************************************************************* #Author: yangruitao #Date: 2021-02-01 #FileName: system_check.sh #*******************************************************
程序员小涛
2021/12/06
1.1K0
Bash执行命令显示进度和结果
IntelliJ IDEA 如何显示工具栏
https://www.ossez.com/t/intellij-idea/13867
HoneyMoose
2022/01/28
2.8K0
IntelliJ IDEA 如何显示工具栏

相似问题

引导进度栏未显示

12

android进度栏未显示

12

未显示java swing进度栏

11

进度栏未显示在标题栏中

12

进度栏在计算时未显示

10
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文