禁用一部分 JavaScript 代码

Question

我想从这部分代码中禁用drop: handleCardDrop。 大家好

for ( var i=1; i<=2; i++ ) {
 $('<div> </div>').appendTo( '#cardSlotsJoueur' ).droppable( { // droppable : the slot can receive a draggable card
 hoverClass: 'hovered', //css
 drop: handleCardDrop
 } );
}

这是我的 html 代码：
http://pastebin.com/JtgUqcmA这是我的js代码：http://pastebin.com/TLRsN0Vr

我尝试从按钮html执行此操作。

<input name="BoutonJoueur" type="submit" value="Joueur" onclick="javascript:CartesJoueur() ; drop.disable=true ; this.disabled = true" value="Save" style="width : 180px; height : 30px" ></td>

但它不起作用。

实际上，这是一款扑克游戏，一只手可以通过拖放（效果很好）工作，另一只手可以通过4按钮进行操作。问题是，当我单击"Joueur"按钮时，我会在插槽的后台（您放卡的地方）中添加一个图像。但是您仍然可以将另一张卡拖放到其中。那是我想在你点击按钮时禁用它;-）。

你能帮我吗？

谢谢

Answer 1

最好将

配置对象传递给 CartesTurn 函数，该函数将包含传递给可丢弃的选项：

var options = {
    hoverClass: 'hovered',
    drop: handleCardDrop
}

在这种情况下，您可以将删除设置为 undefined 。CartesTurn看起来像这样：

CartesTurn(options);

appendTo部分是这样的：

$('<div> </div>').appendTo( '#cardSlotsJoueur' ).droppable(options);