javascript - Jquery UI 可选择 - 更改触发选定/未选定事件的 dom 对象

Question

我有一大堆可选择的对象。

您可以单击它们，然后它们的 ID 会添加到表单中，取消选择它们时，它会再次从表单中删除。

我有一个工作版本，直到我注意到有时如果你点击太快，id 会被添加多次。

为了禁止这种情况，我向列表项添加了一个类，以便将其分类为处理。

我的问题:

如何获取指向 DOM 元素的指针，单击该元素以添加类

什么可以运行所有“选定的”，但会导致其他问题:

$( ".ui-selected", this ).each(function() {
 if($(this).hasClass('processing'))
 return;
 $(this).addClass('processing');
 });

我现在所拥有的 - 只让元素触发事件...是错误的:

 $(".selectgroup").bind("mousedown", function(e) {
    e.metaKey = true;

   }).selectable( {filter: "li"},
        {
            stop: function(){
                // Add to Form
                $( ".ui-selected", this ).each(function() {
                if($(this).hasClass('processing'))
                return;
                $(this).addClass('processing');

                var itemid = $(this).attr("value");
                var formhtml ='<input type="hidden" name="tags[]" id="id'+itemid+'" value="'+itemid+'">';
                $("#tagform").append(formhtml);
                });
         },
        {
             unselected: function( event, ui ) {

                itemid = "#id" + ui.unselected.value;
                $('').removeClass('processing');
                alert(itemid);
                $(itemid).remove();
             }
        }.................................

对于熟悉 jquery 的人来说，这一定很容易解决。

Answer 1

我解决了我自己的问题。

当你现在这样做时，它非常简单。

看看并节省一些时间:

        {
            selected: function(event,ui){
                // Add to Form
                var item = $(ui.selected);

                if(item.hasClass('processing')){
                  alert("return");  
                  return;
                }
                item.addClass('processing');

                var itemid = item.attr("value");
                alert("S ID - " + itemid);
                var formhtml ='<input type="hidden" name="tags[]" id="id'+itemid+'" value="'+itemid+'">';
                $("#tagform").append(formhtml);



            }
        },
        {
             unselected: function( event, ui ) {

                itemid = "#id" + ui.unselected.value;
                $(ui.unselected).removeClass('processing');
                alert(itemid);
                $(itemid).remove();
             }