问题标签 [jquery-ui-selectable]
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.
javascript - 有没有一种简单的方法来限制 jQuery UI Selectable 上的选择框?
那么,是否有一种(简单)方法可以将 jQuery UI Selectable 插件上的选择框限制为我的“父”尺寸/坐标?
我的意思是,我不希望选择框超出元素边界。
谢谢你。
javascript - 使用 jQueryUI 对多个选定项目进行排序
我想做一些有意义的事情,但我认为它实际上并没有包含在 jQueryUI 中。
我有一个项目列表,既可排序又可选择。
我可以一次对它们进行排序,并且可以选择多个项目。
问题是,如何将多个选定的项目排序在一起?
我得到了这个代码atm,
我应该添加什么,使其对所有选定的项目进行排序?
提前致谢 :)
一切顺利,亚历山大
jquery-ui - jQuery UI 的 .ui-selected 定义的 CSS 在哪里?
我正在尝试将 jQuery UI Selectable 应用于我网站的一部分。但是,拖动鼠标时我看不到选择框,所选li
元素的颜色也没有改变。
所以为了理解这个问题,我回到了源头:
http://jqueryui.com/demos/selectable/
我看到(使用 IE9 开发人员工具)将样式.ui-selected
应用于选定元素。使用 Trace Styles,IE 显示background-color
最初在 中定义jquery-ui.css
但(最终)被#selectable .ui-selected
. 但是,IE 没有显示#selectable .ui-selected
. 搜索我引用的 jQuery UI 样式表jquery-ui-1.8.18.custom.css
,发现没有提及ui-selected
,我也没有在jquery.ui.selectable.css
.
演示页面究竟在哪里获取背景颜色的 CSS?
jquery-ui - 使用 jquery-ui 编辑可排序的可选 li
我想允许编辑可选/可排序列表中的列表项。
这是一个列表示例: http : //jsbin.com/aweyo5 credits to rdworth
所以我会允许用户编辑项目吗?我知道如何更新/更改他们的文本,但我如何让用户直接将文本输入到列表项中?
jquery - jQuery UI 可选 - 如何根据部分 id 排除元素
我对 jQuery 很陌生,所以这基本上是一个语法问题。我正在使用可选择的 jQuery UI,我想知道如何根据元素 id 的一部分排除元素。在我链接到这里的示例中,我有具有以下 id 的 div:'TextBox1_label'、'TextBox2_label'、'TextBox3_label'、'TextBox4_label'、'TextBox5'、'TextBox6'
在我的示例中,我已将 'TextBox3_label' 和 'TextBox4_label' 排除在可选择之外,但我想做的是排除所有 id 以 '_label' 结尾的 div 不可选择。
jquery - 如何通过 JQuery UI 可选小部件进行两组选择?
我正在尝试使用 UI Selectable 进行两组选择。
过程是这样的:
首先,我选择了几行,然后单击一个按钮来设置完成第一轮选择。并且选定的行将突出显示为一种颜色,即“红色”。然后,我开始第二轮选拔。此第二轮选择不应更改第一轮选定行的颜色。第二轮选择结束后,点击按钮设置第二轮选择结束;第二轮选择将以另一种颜色突出显示,例如“绿色”。
我可以轻松地进行第一轮选择,但我不知道如何在保持第一轮选择颜色不变的情况下进行第二轮选择。我可以手动为第一轮选择添加一个 id,但是当我进行第二轮选择时,我不知道如何保持第一轮选择的颜色不变。我什至尝试为第一轮选定的结果创建一个新的 css 样式以保持其突出显示的颜色,但它只是没有用。
在这里添加一些代码:
如您所见,我尝试添加类“ui-selected-grp1”来控制第一轮选择颜色,但没有奏效。当我开始进行第二轮选拔时,第一轮的亮点刚刚过去。你能给我一些关于这个过程的建议或代码示例吗?
jquery - jQuery UI Radio Set - Hover and Checked states without Javascript
For some reason I cannot find a proper way to adjust the HOVER and SELECTED states of the jQuery UI Radiosets.
Not sure why I can't find it, perhaps someone could give me some direction? What I want to change is how the text is GREY on the blue to be white. And when it's SELECTED to have a coloured BORDER instead of grey.
I'm sure it's simple, I just not sure what i'm missing.
Also, I would like to do this without using Javascript if possible and just use CSS adjustments...
jquery - 查找与之相关的数据用户选择的元素
我正在使用带有剃刀视图的 MVC3。我给用户一个<li>
s 列表以供选择:
其中 Model.AvailableSizes 是一个List<Tuple<int,int>>
. 当用户选择其中之一时,我希望能够从 jQuery 中找到Tuple<int,int>
用户想要使用的内容。
顺便说一句,我在这些列表中使用 jqueryui Selectable。
我想我可以使用 找到所选元素$(".ui-selected:first")
,但是如何获取关联的模型数据,即@ebat.Item1
and @ebat.Item2
,以便我可以将它们作为参数发送到服务器?
我对我最初的方法很怀疑,我的意思是它不应该这么难。因此,如果您能向我展示在这种情况下一起使用模型、html 和 jquery 的更好方法,那就太好了。谢谢。
jquery - jQuery UI 可选择未选择
好的,这可能有点长,所以请坚持下去!
我在 HTML 中有一个时间表网格,显示时段/天数,每个单元格都设置为“可选”类。
然后我使用 jQuery UI Selectable 让我只选择设置为可选的单元格(以停止选择表头)。完成选择后,javascript 会将隐藏字段添加到表单中,以供 POST 获取。
这是错误出现的地方。
如果您拖动多个单元格并单击 BOOK,它会正确传递它们(选择 3 个单元格并通过隐藏输入传递)。如果您拖动多个单元格,然后单选一个不同的单元格并单击 BOOK,它似乎会选择以前的多项选择。
现在更奇怪的是,它不会在 Firefox 或我的 IE9 副本中执行此操作,但在其他 IE9 副本上它确实会导致此错误。由于我们无法真正使用 FF 或其他任何东西的教育环境,我需要它在 IE8/9/10 上工作。
这是我拥有的 JavaScript 位......
诚然,它们可能看起来很乱,我以前从未真正使用过 JavaScript,但所选函数可以按我的意愿工作。似乎导致问题的是未选择的功能。
如果需要页面中的任何其他代码,请告诉我。
只是为了略过它,如果我拖动 Mon-P1 / Mon-P2 / Mon-P3 / Mon-P4 并单击 BOOK,它显示它们是正确的。如果我拖过相同的 4 但然后单选 Tue-P1 (应该取消选择所有其余部分并选择它),它会给我:
周二-P1 / 周一-P2 / 周一-P3 / 周一-P4
就好像它只取消了第一个元素,而不是其余的。是否需要类似$(".ui-selected").each()
函数的东西来遍历所有条目?
jquery - 触控设备上的 jQuery 可选插件
我编写了一个使用 jQuery 选择日期范围的小部件,因为可选插件易于使用,但发现它不适用于 iPad 和 iPhone(可能还有其他触摸设备。
是否有任何插件/补丁或任何我可以用来让代码在触摸设备上运行的东西?