Tag: 用户界面

分段进度条(jQuery UI)

我正在尝试将jQuery UI进度条分成几个部分。 有人知道我会怎么做吗? 示例:(2 – 视觉设计:03 http://wiki.jqueryui.com/w/page/12138028/Progressbar ) (我目前正在使用背景图片,但这不实用。)

jQuery:带有可读标签的密码字段?

我为当前名为insidelabel()的项目编写了这个非常简单的函数,让我为输入中的输入字段添加描述(标签)。 //Label inside of inputfields function insidelabel(selector, name) { $(selector).val(name); $(selector).css({‘color’:’#999′}); $(selector).focus(function () { //Input Value if ($(this).val() == name) { $(this).val(”); } $(this).css({‘color’:’#000′}) }); $(selector).blur(function () { if ($(this).val() == ”) { $(this).val(name); } if ($(this).val() == name) { $(this).css({‘color’:’#999′}); } }); } insidelabel(‘.t’, ‘name’); insidelabel(‘.p’, ‘enter password’); 因此,当输入被聚焦时,文本消失,当它模糊时,它再次具有相同的文本。 但是现在我想知道如何扩展该function以在密码字段中包含标签! 听起来很奇怪……解释:我想要一个密码字段( type=”password” ),在其中有一个可读标签(如“输入密码”)。 一旦用户输入文本,密码应该是不可读的(点线)。 […]

jQuery – 在空格键的链接上触发点击事件?

在大多数浏览器中, 将[空格键]和[输入]视为单击,但链接仅将[输入]视为单击。 我的应用程序使用了许多格式化模拟按钮的链接,因此习惯于按Tab键切换按钮并按[空格键]的用户将感到沮丧。 这一点jQuery解决了这个问题: $(“a.Button”).die(“keypress”).live(“keypress”, function(e) { if (e.which == 32) { $(this).trigger(“click”); e.preventDefault(); } }); 我的问题:有没有理由不这样做? 我有点不愿意在这个基本的东西上覆盖浏览器的默认行为,但是因为我已经滥用链接标记使它看起来像一个按钮,至少这样我不会违反用户的期望任何进一步。

更改Jquery UI Accordion的动画速度

我正在使用Jquery UI Accordion,我没有在文档中找到有关如何更改动画速度的任何内容。 我发现人们建议使用“animated:’bounceslide’选项”,但是无法找到动画的不同可用选项。 我现在的js如下 $( “#accordion” ).accordion({ event: “mouseover”, animate:”slow”, active:false }); “animate:”slow“不正确,因此不起作用。有什么想法吗?

动态添加按钮到对话框

有没有办法动态地在jquery ui中的对话框中添加一个按钮。 我尝试使用:$(this).add(“button”);

顶级Accordion中的Jquery UI嵌套手风琴内容

我正在尝试创建一个包含多个组织级别的导航菜单。 我正在构建一个嵌套的jQuery UI Accordion,如果所有内容都在手风琴的最低级别(最深)嵌套中,那么它非常有用。 问题是某些元素会有内容和副手风琴。 如果我在顶部手风琴的旁边放置一些文字,它看起来很棒……但是一旦我将它包裹在标签中,它就会破坏该元素中的嵌套手风琴 这是我试图让它看起来像Photo Mockup的模型 我目前的HTML One I really want a list here! A list list list B list list list Two But They Do Not Work A2 list list list B2 list list list jQuery的 $(“div.accordian”).accordion({ autoHeight: false, collapsible: true, active: false }); 像这样运行代码会为第一部分生成一个好的嵌套手风琴,但第二部分渲染不正确。 看起来jQuery开始在标头之后抓住第一个html元素来构建手风琴。 我在调用accordian时指定了header选项,如下所示 $(“div.accordian”).accordion({ autoHeight: false, collapsible: true, […]

问一个想要他的中型网站的人有什么基本问题?

我想知道一个人需要问的问题,如果有人想要他的网络应用程序完成? 它可以是UI,平台,应用程序的关键和许多其他的东西……请在开始使用应用程序之前发布需要知道的内容。

你如何使用jQuery的.draggable来拖动表格单元格?

在这个小提琴我想做一个jQuery或Javascript交互,这将允许我拖动第一个表格单元格(名称)并将其拉出来。 .draggable似乎只适用于div。 是否有解决方案或者我应该放弃尝试使用表格创建UI? http://jsfiddle.net/4XyzJ/33/

在Rails中安装jQuery 3.2.13

我无法让jQuery在Ruby on Rails 3.2.13上工作。 我查看了教程,搜索了youtube等等,但仍然无法让它工作。 更具体地说,我在使用jQuery ui时遇到了麻烦。 我无法让手风琴小部件工作。 我甚至无法获得简单的jQuery(如显示hello警告消息)来处理ROR。 非常感谢您的帮助。 谢谢! 这是我的application.html.erb文件: TestProj “all” %> 这是我的gem文件: source ‘https://rubygems.org’ gem ‘rails’, ‘3.2.13’ # Bundle edge Rails instead: # gem ‘rails’, :git => ‘git://github.com/rails/rails.git’ gem ‘sqlite3’ # Gems used only for assets and not required # in production environments by default. group :assets do gem ‘sass-rails’, ‘~> […]

Jquery – 等待用户输入

我试图制作一个弹出窗口来确认用户操作(删除表格中的一行,例如……)。 旨在使弹出窗口完全HTML和Javascript。 我无法理解的是我如何让javascript等待用户输入,但仍然可以用于其他javascript事件。 (其他点击触发的东西等…)。 我以为我会做的就像是 if(makePopup(“Are you sure?”) == true) { //bla bla } 其中makePopup函数将创建一个包含传递给它的字符串的弹出窗口,并为用户提供yes或no选项。 在该函数的某个地方,我需要一个等待用户单击是或否的循环。 代码只是在那一行等待,直到完成某事。 这就是我想要的…但是我的问题..如果代码卡在那里的循环中,jquery如何执行其他任务? 例如,如果弹出框可以拖动怎么办? 当代码忙于循环时,如何触发这些效果的事件..? 现在我无法理解解决方案.. 这是我目前要测试的东西.. $(document).ready(function(){ $(‘a’).click(function(){ makePopup(“Wana go to google?”,function(){ window.location.replace(“http://www.google.com”); }); }); }); function makePopup(msg,callback){ $(‘body’).append(“”+msg+””); } 仍然不确定如何做确认的东西。 弹出窗口应该包含是和否按钮。