当div获得display：none时，jquery运行函数;

Question

我有一个可通过

运行的下拉菜单

#id ul li ul {
display: none;
}

#id ul li:hover ul {
display: block;
}

这个工作正常，除了我在显示的ul里面有一个li（#id ul li ul li）

这个ul分配了一个.click jquery事件，

单击它时会在其内部添加四个锚标记并替换其内容

所以它来自

() = li
[] = anchor
([Export])

到

([Export Draw 1]  
[Export Draw 2]  
[Export Draw 3]  
[Export Draw 4]  
[Export All]

除了

之外，这很好用

当状态从#id ul li更改为：hover ul到#id ul li ul我需要将内容更改回([export])

我尝试在#export的鼠标离开时这样做但似乎#export不知道它的高度，因为它只是单个li的高度

Answer 1

使用jQuery .hover()函数的handlerOut部分（即$(selector).hover(handlerIn, handlerOut)）来恢复内容。

Answer 2

您可以使用mouseleave event，如下所示：

$("#id ul li").mouseleave(function() {
  //code here to set those tags back
  //possibly: $(this).children('ul').html("<li>...</li>");
});

我不清楚您的锚码，但事件是这里的主要事情，只需在那里添加代码来替换你正在做的事情的反向链接，你就完全了。