Question

我想从代码的这一部分禁用drop: handleCardDrop。 Hello guys

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按钮。问题是当我点击＆＃34; Joueur＆＃34;按钮，我在插槽的背景中添加图像（放下卡片的地方）。但你仍然可以将另一张卡拖放到其中。当我点击按钮时，我想禁用它; - ）。

你能帮帮我吗？

谢谢

Answer 1

最好将配置对象传递给CartesTurn函数，该函数将包含传递给droppable的选项：

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

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

CartesTurn(options);

和appendTo部分是这样的：

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

禁用部分JavaScript代码

1 个答案: