javascript - 如果元素具有特定类，则禁用 jQuery UI 可拖动

Question

我有一个交互式购物篮，用户可以将项目拖放到购物篮中。但是，同一项目不能两次放入篮子(但它仍然可见，尽管已褪色)，所以一旦它进入篮子，就必须禁用 draggable 属性。

我试过这样做:

$("#product_badges li:not(.on)").draggable({
    // Options here
});

但是，因为这只是启动了 draggable() 属性，即使我在 >已删除。

因此，如果没有像这样的 draggable 属性的多个实例，我无法找到实现此目的的方法:

$("#product_badges li:not(.on)").each(function(){
    $(this).draggable({
        // Options here
    }
});

使用上述方法，我可以调用单个 product_badge 并像这样禁用拖动:

只有当元素被放入购物篮(掉落)后才会被调用

$('.item',$('#product_badges')).draggable('disable');

有没有更好的方法来实现这一点？您能否将 HTML 元素设置为仅在没有特定类时才可拖动？

更新

请参阅此处示例:http://jsfiddle.net/mB6GK/2/

Answer 1

使用取消属性。

$("#product_badges li").draggable({ cancel: ".no" })

fiddle :

http://jsfiddle.net/sGguz/