javascript - 如何在 jQueryUI selectable 中捕获选择事件？

Question

我的网页上有一些链接。他们打开一个类似的对话框窗口并通过 $.load() 加载相同的内容。内容有 ul 列表，它使用 $.selectable() 插件:

$('.select-dialog-cities > ul').selectable({filter: 'li'});

我想处理selectableselected事件。由于我有三个链接，因此我需要将事件分开。没有全局标志可以吗？像这样的事情:

$("#dialog_id .select-dialog-cities > ul").on("selectableselected", function(event, ui){});

Answer 1

根据您想要实现的目标，您也可能只查询实际选择了哪些元素，如下所示:

$("#selectable").on("selectableselected", function(event, ui){
    $('.ui-selected').each(function(){
        console.log($(this).text());
    });
});

Example on JSFiddle

如果您在不同的对话框窗口上执行此操作，则可能需要在每次创建新的对话框窗口时绑定(bind)到该事件。