JqueryUI 可选 - 取消选择而不使用 Ctrl
JqueryUI Selectable - unselecting without Ctrl
我正在尝试制作一个带有父/子/孙子缩进的可选列表。请看下面:
http://jsfiddle.net/Lmsop4k7/
$('#theParentList').selectable({
filter: 'li div',
selected: function (event, ui) {
var selectedText = $(ui.selected).text();
$("#selectedNode").text(selectedText);
if ($(ui.selected).hasClass('selectedfilter')) {
$(ui.selected).removeClass('selectedfilter');
}
}
});
但是,我在使用"取消选择"功能时遇到了很多问题(即无需按 Ctrl)。我也不想自动"绑定"Ctrl 以按下鼠标(这在其他一些解决方案中有描述),b/c 我只想一次选择一个项目。另外,我只想了解如何执行控制流以取消选择事件(例如"selected:")。
我在这里做错了什么?如您所见,由于文本框已使用正确的文本正确更新,因此会正确选取所选内容。但是,当我单击已单击的项目以"取消选择"(不按住 Ctrl 时),它不会取消选择。我认为即使在这种情况下,也会触发"选定"事件 - 但显然我的"选定:"代码有问题。非常令人沮丧..
谢谢大家。
尝试
// utilize `dblclick` event to remove selected class
$(".ui-selected").one("dblclick", function(e) {
$(e.target).removeClass("ui-selected")
});
http://jsfiddle.net/Lmsop4k7/3/
所以我又摆弄了一下,找到了我需要的东西。请看下文。添加了调试文本,以防以后可能对某人有所帮助。我将为有关缩进的"附带问题"创建一个不同的线程。谢谢大家。
http://jsfiddle.net/bgfn3091/2/
$('#theParentList').selectable({
filter: 'li div',
selected: function (event, ui) {
var selectedText = $(ui.selected).text();
$("#selectedNode").text(selectedText);
$(ui.selected).removeClass('ui.selected');
$("#debugText").text("Selected");
if ($(ui.selected).hasClass('alreadySelected')) { // clicking to de-select
$('#theParentList .alreadySelected').removeClass('alreadySelected');
$(ui.selected).removeClass('ui-selected');
$("#debugText").text("alreadySelected is present and removed");
}
else // clicking to select
{
$('#theParentList .alreadySelected').removeClass('alreadySelected');
$(ui.selected).addClass('alreadySelected'); // add to just this element
$("#debugText").text("alreadySelected added");
}
}
});
这是我
的:
http://jsfiddle.net/carlcarl/Lmsop4k7/4/
您可以拖动选择/取消选择而不按 Ctrl
。
在"选择/取消选择"中,如果之前选择了所有选择,请将此操作设置为取消选择。如果之前未选择多个,请将此操作设置为选择。
相关文章:
- 下拉选择可自动更改第二个下拉选择
- 如何使用jQuery选择下拉列表的值
- jquery点击函数select&取消选择
- Windows8应用程序(html&Javascript):从图片库(除了文件选择器)显示图像的另一种方式
- 按照选项卡索引的顺序循环一个jQuery选择
- jQuery:将“CTRL+A”绑定为仅选择特定区域
- JqueryUI 可选 - 取消选择而不使用 Ctrl
- 如何从HTML下拉列表中选择多个值,而无需按住Ctrl按钮
- 使用 Ctrl+单击JS地图进行选择
- 在 jQuery dataTables 中禁用 ctrl+单击选择
- 在选择选项中选择多个项目,而不使用“Ctrl”键
- jQuery日期选择器在不按CTRL键的情况下按键更改日期
- 如何在html页面中使用Ctrl+A选择所有表列
- 如何在选择值作为另一个选择的函数动态加载时不使用ctrl键选择多个值
- 是否可以限制选择所有/Ctrl+A的范围
- 按Ctrl选择多个项目并通过表单post访问
- 在没有CMD/CTRL的情况下,更改单击更改时选择[多个]的行为
- 在javascript中按下选择认为ctrl
- jQuery ui Selectable()需要ctrl+点击选择,但我想拖拽+多点击选择
- Jquery选择和取消选择多个输入没有CTRL点击