我有一个容器,里面有其他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(){
修复它。
答案 0 :(得分:1)
更新
您需要修复丢失的报价:
<div id="somthElse" class="clickMe>Right</div>
clickMe之后缺少结束报价。
<div id="somthElse" class="clickMe">Right</div>
容器div被隐藏,因此您无法单击它。删除style="display:none"
答案 1 :(得分:1)
你有错别字。试试这个:
<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.
答案 2 :(得分:1)
你错过了html和js代码中的一些小东西,尽管这是最终的结果 http://jsfiddle.net/RZ74s/