问题标签 [jquery-ui]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
128 浏览

javascript - 一个元素可以代表另一个元素接受可排序的 droppable 吗?

我有两个连接的可排序列表,但每个列表都在一个更大的块元素中。就像是:

使用这个 Javascript:

.items_boxdiv 比列表高。我想让整个 div 代表其列表接受项目。我该怎么做?

0 投票
1 回答
2201 浏览

jquery-ui - IE7 选中状态下的 jQuery 选项卡

我正在使用 jQuery 为 Web 应用程序创建大量选项卡。到目前为止,我只使用了这里提供的基本示例,没有任何运气。选项卡内容有效,主题显示正确,但是当我单击选项卡时,选项卡的状态没有改变。此应用程序必须在 IE7 下运行,任何其他浏览器都无所谓(我可以补充一点,我不是 IE7 用户,我是狂热的 Firefox 用户)

下面是jQuery 的 ThemeRoller提供的 CSS,所以我的包含如下所示:

然后,我使用以下命令启用选项卡:

正如我所说,选项卡内容有效,一切都是主题,但是一旦我“单击”选项卡,选项卡的状态就不会变为活动状态。ThemeRoller 在 IE7 中工作,但我的页面没有。我不知道我哪里出错了,我已经玩了几个小时至少试图让它工作。

有任何想法吗?

0 投票
1 回答
22143 浏览

jquery - jQuery中的嵌套手风琴菜单

我有一个使用一组嵌套手风琴实现的菜单,1and 2,每个都有元素,aand b

我想实现以下逻辑:

  • 当我点击时1a,我会得到1a两个子菜单的数据2a2b

  • 当我点击 时2a2b我会分别得到每个的数据。

问题

期望的结果:

  • 我只想显示nth-most最后一次单击的子元素,折叠所有其他元素。
  • 在初始化时,只有1a并且1b应该是可见的。

当前结果:

  • 单击1b,然后单击2b1b仍然完全可见。

JavaScript 代码

HTML:

0 投票
3 回答
7418 浏览

jquery - 使用 Google 托管的 jquery-ui.js 使主题在 jQueryUI 中工作时出现问题

我是 jQueryUI 的新手,我认为我忽略了一些非常基本的东西......

快速描述我的问题

我使用ThemeRoller下载了一个 jQueryUI 主题,它还会生成一个 jQueryUI javascript 文件。我宁愿使用托管在 Google ( http://ajax.googleapis.com/ajax/libs/jqueryui/1.5.3/jquery-ui.min.js) 上的文件,但是当我这样做时,主题不会被拾取。我很难相信我必须使用 ThemeRoller 生成的脚本,因为如果是这种情况,那么 Google 托管的 jQueryUI 将完全没用!我在这里做错了什么?


更多细节

所以我从 Themeroller 下载了“Smoothness”主题如下:

  1. 前往ThemeRoller网站。
  2. 单击“图库”按钮。
  3. 单击“平滑度”主题下方的“下载”按钮。
  4. 将 .zip 文件(使用文件夹名称)解压缩到本地目录(例如C:\jqueryui_test)。

现在,我在同一个目录中创建了一个非常简单的test.html文件,其中包含以下内容:

当我test.html在浏览器中打开时,日期选择器组件没有设置样式(没有背景图像或任何东西)。但是,如果我将 Google 托管的jquery-ui.min.js行更改为 ThemeRoller 生成的行 ( <script type="text/javascript" src="jquery.ui.all.js"></script>),则页面的样式将符合预期。


更新 我接受的答案并不是真正的最终解决方案,但它引导我走上了正确的道路。事实证明,如果你只下载 JQueryUI,你会得到很多东西。Google 托管的文件可以只替换“jquery.ui.all.js”文件,但您仍然需要“themes”目录。另外,Themeroller 主题在 1.5.3 中不能很好地工作(甚至是“1.5.3 用户”链接)。因为这只是一个管理页面,我只使用了内置的“flora”主题。看起来 jQuery UI 1.6 更好,但它还不是“稳定”版本(在撰写本文时......)。

0 投票
1 回答
2726 浏览

jquery - JQuery UI 手风琴故障

我正在使用 JQuery UI 1.6rc5 并且在使用手风琴小部件时遇到了一些麻烦。这是我正在使用的代码。

我遇到的问题是此代码在 Safari 中无法正常工作。具体来说,div.ui-accordion-content 标记中的内容无法正确呈现。如果我在样式中指定高度,safri 工作正常。

我已经能够在 FF 中测试它上面的确切代码,并且工作正常。有没有其他人在 Safari 上看到过这个问题,你是如何解决的?

0 投票
3 回答
1178 浏览

jquery - jQuery UI 是否缺少状态?

jQuery UI 小部件似乎具有非活动、活动和悬停状态,但缺少抑郁(单击并按住)状态。这是疏忽吗?几乎每一个我能想到的现代 UI 都有一个沮丧的状态。有没有人添加这样的状态?如果是这样,您必须接触哪些代码?


编辑:我应该说的是悬停和点击状态看起来是一样的。应该有另一种状态,以便您可以看到您在悬停后单击了。

0 投票
11 回答
39938 浏览

jquery - jQuery UI 对话框验证不使用
标签

http://bassistance.de/jquery-plugins/jquery-plugin-validation/看起来是最好的 jquery 验证插件。我似乎无法让它在 jQuery UI 对话框中工作。

此代码在对话框 DIV 之外工作:

这很好用。当我将表单移动到我的对话框 div 中时,打开对话框,然后单击它返回 true,no bueno 的链接。

有什么方法可以使用这个杀手 jquery 验证插件而不必使用<form>标签?或者有没有更好的方法来成功地做到这一点?

0 投票
8 回答
13159 浏览

javascript - jQuery UI 日期选择器的问题

好的,我已经推出了我自己的主题,我制作了一个自定义的 jQuery UI 包(进度条、日期选择器、滑块)并安装了它。似乎(大部分)工作,除了两件事:

  1. 当我的页面第一次加载时,日期选择器 div 是可见的;和
  2. “下一个”和“上一个”文本在我的图标下方以大字体显示。这些例子似乎都没有这个问题。

现在(1)我目前正在解决:

在另一个 CSS 文件中,但似乎没有一个演示需要这个。

我错过了什么?

0 投票
12 回答
243920 浏览

javascript - 如何本地化 jQuery UI Datepicker?

我真的需要一个本地化的下拉日历。英文日历并不能在挪威网站上准确传达卓越;-)

我已经尝试过jQuery DatePicker,他们的网站说它可以本地化,但这似乎不起作用。

我正在使用 ASPNET.MVC,我真的很想坚持使用一个 javascript 库。在这种情况下,jQuery。

ajax 工具包日历是可以接受的,只要它也能显示挪威人的名字。

更新:太棒了!我看到我缺少语言文件,一个不那么小的细节:-)

0 投票
5 回答
8355 浏览

javascript - 如何在 jquery UI 中构建具有可保存状态的门户页面?

我知道我应该花更多的时间研究这个问题并在提出问题之前先试一试,但我只有 2 周的时间来建立一个带有门户风格主页的网站(很像http://www.bbc.co.uk)。

我对 jQuery 相当熟悉,过去也使用过 jQuery UI 可拖动对象,但我想知道是否有任何教程或最佳实践示例说明如何构建具有多个拖放区的门户以及记住哪些“portlet”具有被拖入某种状态对象中的哪些放置区。

我需要能够使用 $ajax() 调用将状态对象保存到后端,并在用户重新登录到站点时以某种方式重新组织 portlet,大概是通过从后端发送 JSON 状态对象.

只是一些关于从哪里开始的想法会很有用。谢谢