如果有以下代码，您将如何使用 .not(this) ？

Question

在这段代码的情况下，你会怎么说：not(this)：

$(".draghandle").droppable({
    accept: ".draghandle:not(this)"
    drop: function ( event, ui ) {
        $( this )
        .addClass( "ui-state-highlight" )
        .find( "p" )
        .html( "Dropped!" );
    }
});

你会看到接受选项旁边的选择器可能无效，尽管我没有检查过，我想知道你是否有解决方案至于验证它？我还没有找到一个，但如果您有一个解决方案也可以更改代码的另一部分，请不要灰心，我只需要修复。 这是我试图扩展的类似问题：jQuery：排除 $(this ) 来自选择器 这是我用作参考的主要代码的链接： http:// /jqueryui.com/demos/droppable/#accepted-elements

Answer 1

说明

您可以传递 jQuery 列表作为接受参数，而不仅仅是选择器。在下面的演示中，我将所有 .ui-widget-content 元素设为可删除，除了 #draggable 元素。 （反转原始 jQuery UI 站点演示）。我传递给 accept 的参数是 $(".ui-widget-content").not("#draggable")。

---

演示

http://jsfiddle.net/5TZ7b/
http://jsfiddle.net/5TZ7b/show

---

代码

$(function() {
    $( "#draggable, #draggable-nonvalid" ).draggable();
    $( "#droppable" ).droppable({
        accept: $(".ui-widget-content").not("#draggable"),
        activeClass: "ui-state-hover",
        hoverClass: "ui-state-active",
        drop: function( event, ui ) {
            $( this )
                .addClass( "ui-state-highlight" )
                .find( "p" )
                .html( "Dropped!" );
        }
    });
});

---

结论

可以使用以下内容作为传递的参数接受。

$(".draghandle").not(this)