Javascript css:jquery加载（）后悬停不工作；

我使用load（）函数将元素加载到div中。但是css中的：hover效果不再适用于does元素

这是一个动态菜单，如下所示：

<div id='main-menu'>
<ul>
<li class='click-me hover-me'></li>
</ul>
</div>

<div id='alternative-menu'>
</div>

echo "
    <ul>
    <li class='click-me hover-me'></li>
    </ul>";

新菜单的html代码如下所示：

<div id='main-menu'>
<ul>
<li class='click-me hover-me'></li>
</ul>
</div>

<div id='alternative-menu'>
</div>

echo "
    <ul>
    <li class='click-me hover-me'></li>
    </ul>";

---

有没有办法解决这个问题？

如果在加载CSS类后，尝试使用jQuery添加合适的CSS类会怎么样

可能是这样的：

$('#alternative-menu').load('newmenu.php', function() {
    $('#main-menu').hide();
}).children("li").addClass("hover-me");

---

可能是CSS没有应用于新加载的菜单。你能把两个菜单放在不同的分区中，然后根据你的标准显示/隐藏每个分区吗？@Ryan，我已经有了，对不起-我更新了我的question@BenGreene

备选菜单