0

我有一个容器,里面有其他 div。我需要能够仅单击其中具有“clickMe”类的那些。

<div id="hiddenDiv">
  <div id="val1" class="clickMe">Straight</div>
  <div id="val2">Left</div>
  <div id="somthElse" class="clickMe">Right</div>
</div>

它看起来很简单,但它对我不起作用......

$("#hiddenDiv div.clickMe").click(function(){
      ...
}

我错过了什么?


更新:

不知道它是什么,但改变它来$("#hiddenDiv div.clickMe").live("click", function(){修复它。

4

3 回答 3

1

你有错别字。尝试这个:

HTML

<div id="hiddenDiv">
  <div id="val1" class="clickMe">Straight</div>
  <div id="val2">Left</div>
  <div id="somthElse" class="clickMe">Right</div> <!-- Was missing closing 
                                                       quote on class attr -->
</div>​

脚本

$("#hiddenDiv div.clickMe").click(function(){
      alert('clicked');
});​ // Was missing closing paren and semi-colon.

工作示例:http: //jsfiddle.net/ebFw6/

于 2012-05-18T18:52:19.083 回答
1

您在 html 和 js 代码中遗漏了一些小东西,尽管这是最终结果 http://jsfiddle.net/RZ74s/

于 2012-05-18T18:54:13.103 回答
1

更新:

您将需要修复缺少的报价:

<div id="somthElse" class="clickMe>Right</div> 在 clickMe 之后缺少结束引号。 <div id="somthElse" class="clickMe">Right</div>

容器 div 是隐藏的,所以你不能点击它。删除style="display:none"

于 2012-05-18T18:48:54.160 回答