问题标签 [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.

0 投票
2 回答
880 浏览

jquery - jQuery UI 可选择多级

我希望有多个级别的选择,但选择功能首先触发父母,而不是孩子,有时甚至不注册孩子。我想做类似的事情:

关于如何使点击 2 级项目注册的任何想法?我希望覆盖它,以便在选择级别 2 时,它会取消选择父级,并且仅将级别 2 显示为突出显示。

0 投票
1 回答
2096 浏览

jquery-ui - 如何使用 AngularJS 更新 jQueryUI Selectable 的选定项目?

我想将 jQueryUI Selectable 小部件与 AngularJS 一起使用。我设法使用ui-jq来自 AngularUI 的 jQuery Passthrough 指令来包含它,该指令可以很好地获得所需的 UI 效果。现在我想使用 AngularJS 更新所选项目的数据,但想不出办法。

我找到了AngularUI Sortable 指令,这可能是实现 Selectable 指令的一个很好的起点,但是当我刚开始使用 AngularJS 时,我很难让它适应我的需要。

例子:

http://jsfiddle.net/ffeldha/2KzRt/

如何更新所选项目的名称?

0 投票
1 回答
1089 浏览

jquery - 将 Backbone.js 与 jQuery UI Selectable 集成

我正在尝试创建一个将li元素作为可选视图的应用程序。该应用程序要求使用单击和拖动界面选择多个元素。因此,我使用 Backbone.js 来跟踪元素状态和视图,以及用于选择 UI 的 jQuery UI Selectable。

目前,我拥有的唯一结构是主 App 视图、li元素的模型和视图以及模型的集合。

构建它的最佳方式是什么,以便我的主 App 视图可以跟踪所选元素并与之交互?

0 投票
1 回答
767 浏览

jquery - 切换鼠标点击可选择的元素

我需要实现的是

1)我每次点击都可以选择几个元素。

2)当我再次单击所选元素时,它应该被取消选择

HTML 代码:

代码:

查询代码:

在 jquery 站点中查看此代码

0 投票
1 回答
991 浏览

jquery - Jquery Selectable,通过拖动鼠标禁用多选

我想在鼠标拖动事件上禁用多选选项,但用户可以按住控制键一一选择多个。问题是,我在 select 事件中发送了一个 ajax 服务调用,如果我选择了相当多的大选项,它会跳过一些。在调试模式下,当我让每个调用都在断点上发送时,它运行良好。

0 投票
2 回答
3540 浏览

jquery-ui - jQuery UI 可选择不带选择框

在这里给出这个例子:http: //jqueryui.com/selectable/#display-grid我想在没有单击“n 拖动”时出现的“选择框”的情况下进行选择。即,当我单击数字 5 并拖动到数字 6 然后到 10 我得到这个:

在此处输入图像描述

实际上我想要的是从 5 拖到 6 到 10,并且只选择它们而不选择 9。

我搜索了文档但找不到该选项,我的谷歌技能并没有给我带来任何运气,我认为这一定已经完成了,只是碰巧我无法自己掌握或找到现有的解决方案,所以这里的任何帮助表示赞赏(不是说你应该为我做研究,我只是希望有人之前处理过这个问题,这样他就可以指出我正确的方向)。

也可能是我错过了尝试使用 jquery UI 完成此任务的重点,但这是我发现的第一个适合(某种)我想要完成的示例。

0 投票
1 回答
109 浏览

jquery - jquery disable selectable 使元素变灰

我正在尝试使用按钮打开和关闭页面上 div 的 .selectable 行为。我可以使用这些命令来做到这一点:

或者

该功能按预期工作,但唯一的问题是它会使整个可选择的元素变灰。启用可选择性会消除灰显的外观,但每次我禁用可选择项时,它都会变灰。

有谁知道如何在不使整个元素变灰的情况下禁用可选择性作为属性?

0 投票
1 回答
123 浏览

jquery - Jquery ui 可选择导致超链接出现问题

我对 Jquery ui 可选功能有一个小问题。

http://jsfiddle.net/APfcf/

DIV 标记“test”中的 HTML 链接在单击时不响应。而 DIV 标记之外的 HTML 链接行为正常。

我试图让 DIV 标记中的这些链接再次工作。如果您右键单击并在新选项卡或窗口中打开,它们似乎会做出响应,但左键单击不会执行任何操作。

任何帮助表示赞赏。

谢谢

0 投票
1 回答
343 浏览

jquery-ui-sortable - jQuery 可选择带句柄和可排序

我在手风琴中有一个可选择的列表,当您从列表中选择一个项目时,该项目将出现在您选择的列列表中。我的问题是我想使用句柄来选择一个项目(句柄是加号)并使文本出现在选定的列表中。

这是我的小提琴:http: //jsfiddle.net/kmbonin82/NkgC2/16/

如您所见,当您单击加号时,它不会将文本放入所选项目列表中。关于如何纠正这个问题的任何想法?

这是应该将文本放入选定列列表的 JS:

0 投票
2 回答
751 浏览

jquery - 使可选择的列表也可排序

我有一个可选择的列表,我也希望它是可排序的。我还想禁用列表中的套索功能,因为可选列表可以通过单击而不是使用套索功能来选择多个项目。当我尝试将 $('#selectable').sortable() 添加到我的代码时,列表不再可选择,但它是可排序的。

这是我的jsfiddle的链接:

http://jsfiddle.net/jortgonfreit/HJugc/

这是我当前的 javascript 代码: