Tag: jquery ui selectable
Jquery选择多个带有.selectable的复选框
我和Jquery有点混淆。可选。 我需要做的是，使一个包含复选框的区域可以选择（我在这里很好），然后检查已选中哪个复选框（所以我可以取消选中它们），检查它们是否可以不是。 $(“#calContainer”).selectable({ filter: ‘checkbox’, selected: function(event, ui) { // need code for: // for every checkbox in selected area thats is checked, uncheck // for every checkbox in selected area thats is not checked, check } }); 任何帮助表示赞赏。 谢谢。
如何在jquery中选择与可拖动div重叠的所有div？
我正在构建一个显示随时间发生的事件的图表。 我的每个事件都是一个使用 创建的水平条，如下所示： aaaa bbbb cccc dddd 在这张图的顶部，我有一个“标尺”，它是一个可拖动且可resize的 Ruler 我的目的是水平拖动这个标尺并使用它来选择标尺下方的所有图形条。 选择条形时，背景颜色应该更改。 到目前为止，我设法使用以下代码拖动并调整我的标尺大小： $(function () { $(“#draggable2”).draggable({ axis: “x” }); }); $(function () { $(“#draggable2”).resizable({ helper: “ui-resizable-helper”, handles: “se, sw, e, w” }); }); 我还设法使用以下代码选择我想要的栏： $(“.fake”).selectable({ filter: “div” }); 您可以在下面提到的小提琴中看到，当您进行“套索选择”时，我的条形变为粉红色。 但是，我想将我的标尺与这个“套索选择”结合起来，或者换句话说，我希望一旦我的标尺被拖动，下面的所有 都会被选中。 我创造了一个小提琴来说明我的问题： http ： //jsfiddle.net/Lge93/ 由于我是Javascript和Jquery的新手，我真的很感激任何解决方案或建议。 谢谢你的时间 编辑post答案：基于Jtromans提供的代码的最终解决方案可在此处获取： http ： //jsfiddle.net/Lge93/5/
如何使用JQuery UI可选择限制可选元素？
好吧 假设我有以下代码段： A B C D E F 现在，让我说我已经表演了： $(‘.content’).selectable( {} ); 我的困难： 比方说，任何时候我拖动，因此套索工具出现，我只想要选择4个div – 我仍然可以在选择4之后扩展套索，但不应选择套索hover的后续div。 所以说div的外观是从左到右， ABCDEF 套索从A开始，我向右移动 – 在覆盖D时，它达到4的极限 – 当我将鼠标hover在E和F上时，这些现在不应该是可选择的。
禁用ctrl-单击jquery ui selectable
我想知道jQuery UI Selectable上是否有一个选项可以让我禁用Ctrl + Click，但仍保留多个选择的可拖动选项。 在我的项目中，我希望人们可以选择倍数，但只能通过拖动，而不是通过Ctrl +单击。 如果没有，有没有人知道我能做到这一点的方法？ 任何信息都会非常有用！ ：） 谢谢！！！
jQuery UI Selectable – 单击时取消选择所选项目
有没有人知道是否有办法配置一个jquery ui可选元素来单击它时取消选中所选元素？ 有点像切换。 如果已选中，则取消选中，否则执行默认操作。 谢谢。
有没有办法在jQuery中更改事件参数？
我希望能够更改传递给selectable的start事件的参数，因此我基本上可以允许我的用户使用可选择的jQuery UI效果而无需按住CTRL键。 JS $(function() { $( “#selectable” ).bind(“mousedown”, function(event, ui) { var result = $( “#select-result” ).empty(); event.metaKey = event.ctrlKey = true; }); $( “#selectable” ).selectable(); }); 我有一个小提琴，我想在这里完成的事情： http://jsfiddle.net/josephbulger/ZfevM/ 我遇到的问题是，当我在start方法中设置事件的参数时，stop方法没有看到我正在进行的更改。 有没有办法完成我想要做的事情？
嵌套Jquery Ui中的传播问题可选
问题是：在嵌套的jQuery Ui中可选择，选择上下文的最上层子项意味着当我单击项目1时它选择项目1，但是当我单击项目111或1111时它选择直到项目2而我只需要焦点上的元素是的，不是它的父母，直到鼠标专注于它。 请记住，可能有任何纯HTML，不仅限于ul，li，它仅用于说明目的。 Item 1 Item 2 Item 11 Item 111 Item 112 Item 113 Item 114 Item 1111 Item 1112 Item 1113 Item 1114 Item 1115 Item 115 Item 12 Item 13 Item 14 Item 15 Item 3 Item 4 Item 5 脚本是 $( “#selectable” ).selectable(); 小提琴是： – http://jsfiddle.net/z425phwn/2/ 我已经通过已经问过的问题，但无法找到解决此问题的任何解决方案，任何帮助都将非常有用！
在jQuery UI Selectable中启用Shift-Multiselect
我想通过保持shift来在jQuery UI Selectable表中启用多选function。 如果在鼠标点击下按住shift，我可能应该这样做 获取最顶层的选定元素 获取单击元素 选择其间的所有元素 但我无法找到如何以干净的方式做到这一点…… 目前我在可选择的配置中得到了这个： start: function(e) { var oTarget = jQuery(e.target); if(!oTarget.is(‘tr’)) oTarget = oTarget.parents(‘tr’); } 所以oTarget是被点击的元素（而e.currentTarget是整个表），但现在是什么？ 如何找到已经选择的元素的方式可以告诉我点击的元素是否超过所选元素并选择其中的所有内容？ 我已经像这样解决了它，添加到可选元素： jQuery(table).mousedown(function(e) { //Enable multiselect with shift key if(e.shiftKey) { var oTarget = jQuery(e.target); if(!oTarget.is(‘.ui-selectee’)) oTarget = oTarget.parents(‘.ui-selectee’); var iNew = jQuery(e.currentTarget).find(‘.ui-selectee’).index(oTarget); var iCurrent = jQuery(e.currentTarget).find(‘.ui-selectee’).index(jQuery(e.currentTarget).find(‘.ui-selected’)); if (iCurrent < iNew) { iHold […]
jQuery UI可排序和可选择
有谁知道如何组合jQuery UI可选择和可排序？ 此脚本： http ： //nicolas.rudas.info/jquery/selectables_sortables/在Chrome中不起作用，它也有插件修改。
使用Jquery UI拖放多个选定的可拖动并恢复无效的拖动
使用光标（套索）绘制一个框将在此JSFiddle示例中选择多个.item 。 被选中的.item变得.item 。 没有.item空.slot是有效的droppable。 当您在多个droppable上放置多个draggable时，只有相应的droppable无效的鼠标所在的.item才会恢复。 如果丢弃无效的 droppable，如何使每个可拖动的恢复？ 使用Javascript： $(function () { // we are going to store the selected objects in here var selected = $([]), total = [], offset = { top: 0, left: 0 }; $(document).selectable({ filter: “.item”, start: function (event, ui) { //remove draggable from selection, otherwise previous selection will still […]
