jQuery查找功能不起作用

Question

我正在尝试使用javascript做一个pop-ip类型的东西,由于某种原因它不起作用.它也没有显示任何错误.

<div style="cursor:pointer;" onclick="displayTickets('2013-12-27')" 
 onmouseover="displayMenu(this)" 
 onmouseout="hideMenu(this)" 
 bgcolor="#CCCCCC" width="14%" height="64" align="left" valign="top">
    27 Pre New Years Hotel Takeover
    <div class=".cPopUp" id="cPopUp5" style="position:absolute;z-index:1000;width:384px;height:192px;background-color:rgba(0,100,0,.8);left:0;top:0;right:0;padding:8px;text-allign:left;">
        <h4>Pre New Years Hotel Takeover</h4>
    </div>
</div>

.cPopUp显然是我想要的弹出窗口.show()/.hide()

这是javascript:

function displayMenu(el)
{
$(el).find(".cPopUp").show(500);

}

function hideMenu(el)
{
    $(el).find(".cPopUp").hide(500);
}

如果我做

 $(el).hide(500);

它隐藏了整个事情,所以我知道它运作良好,但我想它没有找到任何东西？

Answer 1

班级名称是

class=".cPopUp"

即它确实包含一个时期.你必须使用.\.cPopup作为选择器.

但那太可怕了,你应该把HTML改成

class="cPopUp"

代替.这允许您使用当前选择器(带名称.cPopup的class(.)cPopup).