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的当前选择器（.，类（cPopup）。

Answer 2

您的错误是您在HTML中编写className的方式：

<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>

不应该有“。”当你在html中编写className时，只有当你在CSS中声明它时

Answer 3

为标记设置类时，请不要在类名前使用点。操作选择器时仅使用点。

<div class="cPopUp"></div>

试试吧！

Answer 4

应该是class="cPopUp"而不是class=".cPopUp"

jQuery查找功能不起作用

4 个答案: