Draggable不会在我告诉它禁用时禁用

Question

JS：

function handDrag(dragHand)
{
    if(dragHand ==true)
    {
        //live query to auto bind the drag function to all elements of the cardsHand class even auto generated ones
        $('#playerHand') 
            .livequery('mouseenter', function(e){
            $('img.playerCardsHand').draggable
                ({ 
                    zIndex: 1000, 
                    revert: 'invalid',
                    stack: '.playerCardsHand',
                    selectedCard: 'widget',
                    addClasses: 'false',
                    disabled : false
                 }); 
            });
    }
    else
    {
        $('img.playerCardsHand').draggable({ disabled: true });
    }
}

function swapCards()
{
    handDrag(true);
}

function ready()
{
    handDrag(false);
}

基本上，我调用swapCards()是为了能够在屏幕上拖拽卡片。

然后我点击ready，它调用ready()方法。然后我希望我的牌不再是可拖拽的。

然而，现在它保持了它们的可拖拽。我曾尝试删除swapCards draggable初始化的disabled: false，但当我这样做时，我尝试使用

handDrag(true);

它不会重新启用拖动。

有什么想法吗？

Answer 1

语法似乎如下所示：

$('img.playerCardsHand').draggable( "disable" );

请参阅http://api.jqueryui.com/draggable/#method-disable

您可能还需要在下次调用handDrag(True)时启用它；

if(dragHand ==true)
{
    $('img.playerCardsHand').draggable( "enable" );
    // etc