Javascript 纸牌游戏拖放

有人可以玩这个游戏并向我解释为什么第102行的

.correct.length

类等于1吗？。我在上面放了一个警告框来确认长度。 这是一把小提琴

$（初始化）；
函数init（）{
$（'#元素_1'）。数据（'number'，1）。属性（'id'，'card'+1）。可拖动({
包含：“#内容”，
堆栈：“#卡片堆div”，
光标：“指针”，
回复：真
});
$（'#element_2'）。数据（'number'，2）。属性（'id'，'card'+2）。可拖动({
包含：“#内容”，
堆栈：“#卡片堆div”，
光标：“指针”，
回复：真
});
$（'#element_3'）。数据（'number'，3）。属性（'id'，'card'+3）。可拖动({
包含：“#内容”，
堆栈：“#卡片堆div”，
光标：“指针”，
回复：真
});
$（'#element_4'）。数据（'number'，4）。属性（'id'，'card'+4）。可拖动({
包含：“#内容”，
堆栈：“#卡片堆div”，
光标：“指针”，
回复：真
});
$（'u#element_5'）。数据（'number'，5）。属性（'id'，'card'+5）。可拖动({
包含：“#内容”，
堆栈：“#卡片堆div”，
光标：“指针”，
回复：真
});
$（'#element_6'）。数据（'number'，6）。属性（'id'，'card'+6）。可拖动({
包含：“#内容”，
堆栈：“#卡片堆div”，
光标：“指针”，
回复：真
});
$（'#插槽_1'）。数据（'number'，1）。可拖放({
接受：“#卡片堆div”，
hoverClass:“悬停”，
滴落：手推车滴落
});
$（'#slot_2'）。数据（'number'，2）。可拖放({
接受：“#卡片堆div”，
hoverClass:“悬停”，
滴落：手推车滴落
});
$（'#slot_3'）。数据（'number'，3）。可拖放({
接受：“#卡片堆div”，
hoverClass:“悬停”，
滴落：手推车滴落
});
$（'#slot_4'）。数据（'number'，4）。可拖放({
接受：“#卡片堆div”，
hoverClass:“悬停”，
滴落：手推车滴落
});
$（'#slot_5'）。数据（'number'，5）。可拖放({
接受：“#卡片堆div”，
hoverClass:“悬停”，
滴落：手推车滴落
});
$（'#slot_6'）。数据（'number'，6）。可拖放({
接受：“#卡片堆div”，
hoverClass:“悬停”，
滴落：手推车滴落
});
}
var totalCards=$（'#cardpiler'）.children（）.length；
var totalMatches=0；
函数handleCardDrop（事件，ui）{
var slotNumber=$（this）.data（'number'）；
var cardNumber=ui.draggable.data（'number'）；
if（slotNumber==cardNumber）{
totalMatches++；
ui.draggable.addClass（'correct'）；
ui.draggable.draggable（'disable'）；
警报（“正确的长度为”+$（“.correct”）.length）；
$（this.dropable（'disable'）；
ui.draggable.position({
其中：$（本），
我的‘左上’，
在“左上方”
});
ui.draggable.draggable（'option'，'revert'，false）；
}
如果（totalMatches==totalCards）{
$（'基本模式'）.model（'显示'）；
}
}

@charset“utf-8”；
/*CSS文档*/
身体{
利润率：30像素；
字体系列：Arial、Helvetica、无衬线字体；
线高：1.8em；
颜色：#333；
}
#内容{
利润率：80px 70px；
文本对齐：居中；
-moz用户选择：无；
-webkit用户选择：无；
用户选择：无；
}
/*页眉/页脚框*/
.wideBox{
明确：两者皆有；
文本对齐：居中；
利润率：70像素；
填充：10px；
背景#ebedf2；
边框：1px实心#333；
}
.wideBox h1{
字体大小：粗体；
利润率：20px；
颜色：#666；
字号：1.5em；
}
#卡片槽{
保证金：50px自动0自动；
}
#卡片堆{
保证金：0自动；
}
#卡片堆{
宽度：1200px；
高度：120px；
填充：20px；
}
#卡片槽{
宽度：1200px；
高度：1000px；
填充：20px；
字体系列：Arial、Helvetica、无衬线字体；
线高：正常；
}
#信用卡槽部，
#卡片堆分区{
浮动：左；
宽度：80px；
高度：50px；
填充：10px；
填充底部：0；
边框：1px实心#333；
-moz边界半径：10px；
-webkit边界半径：10px；
边界半径：10px；
利润率：0.10px；
背景：#fff；
}
#卡槽分区：第一个孩子，
#卡片堆分区：第一个孩子{
左边距：0；
}
#cardSlots分区悬停{
背景：#aaa；
}
#卡槽部{
边框：1px虚线#333；
}
#卡片堆分区{
背景：#fff；
边框：1px实心#005575；
颜色：#000；
字体大小：11px；
字体系列：Arial、Helvetica、无衬线字体；
线高：1.3；
}
#cardPile div.ui-可拖动-拖动{
-moz盒阴影：0.5emrgba（0,0,0,8）；
-webkit盒阴影：0.5EMRGBA（0,0,0,8）；
盒影：0.5emrgba（0,0,0,8）；
}
#正确{
背景：#5fcf80；
颜色：#fff；
}

卡1
卡2
卡片3
&时代；
干得好！
一切都匹配：）
接近

代码$（.correct”）.length告诉DOM上具有类选择器的元素数。correct。当您删除一个框，然后在一个元素上显示类，当您删除2，则元素的数量增加到2，依此类推。

代码$（“.correct”）。长度告诉DOM上具有类选择器的元素的数量。正确。当你删除一个方框，然后在一个元素上显示该类，当你删除2，然后元素数量增加到2，依此类推……

无需道歉，如果我显得粗鲁，我道歉！感谢您编辑和改进您的问题：）嗯，您可能知道答案吗？进一步编辑您的问题（包括外部资源）后，您将看到控制台中报告了一个错误（正如JS Fiddle托管的演示中所报告的那样）。我不确定这是否是问题的全部，但修复该错误可能是使代码正常工作的一个步骤。不必道歉，如果我显得粗鲁，我道歉！感谢您编辑和改进您的问题：）嗯，您可能知道答案吗？进一步编辑您的问题（包括外部资源）后，您将看到控制台中报告了一个错误（正如JS Fiddle托管的演示中所报告的那样）。我不确定这是否是问题的全部，但修复该错误可能是迈向成功的一步