我试图在jQuery中创建一个简单的点击式游戏

时间:2012-12-12 09:16:47

标签: jquery

我是jQuery的新手,并决定要创建某种类型的游戏。

游戏本身非常非常简单。

基本上,您会看到一张图片。还有7种选择。如果您的选择与图片匹配,则会得到一个点并显示下一张图片。

另外:一旦你点击你的答案,无论你是对还是错,图片旁边都会弹出两张图片并为​​你“破坏”答案。如果你是对的 - 它会显示一条消息说你是对的。如果你错了 - 应该有一个消息。

这是我遇到的几个问题。

我可以运行这个if语句:

if($("div").hasClass('sadness') && $("img").hasClass('sadness'))

但是我无法跑步:

if(!$("div").hasClass('sadness') && $("img").hasClass('sadness'))

显示比告诉更容易。

注意:我的东西并没有真正对齐@ jsFiddle,但它是重要的jQuery代码。

http://jsfiddle.net/WEAt6/

如果你们花时间看我的代码,我会感到非常高兴...

2 个答案:

答案 0 :(得分:1)

看着你的小提琴,我想我可以看到问题:你不想选择$("div")的对象:这将返回你页面中的所有div。这可以解释为什么你总是让$("div").hasClass('sadness')返回true:你总是选择你的“快乐”div。请尝试使用功能中的$(this)选择器。

答案 1 :(得分:0)

有点忙,所以我看起来并不深,但是你把它弄坏了吗?

将它分成两个ifs时的结果是什么?

if(!$("div").hasClass('sadness')){
    if($("img").hasClass('sadness')){

另外:如果您的图像包含在您的div(假设)中,它是否继承了类状态?如果是这样,没有“悲伤”的div会使图像没有“悲伤”,反之亦然。