Question

在aspx页面上，我有类似的东西：

<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">   
<script type="text/javascript">
    $("li").mouseover(function () {
        $("li").css("background-color", "blue");
    });
</script>

<ul id="second"> 
<li> <a href.../a> </li>
<li> <a href.../a> </li>
<ul>

并且在母版页上还有以列表格式创建的菜单栏。因此，当我将鼠标悬停在菜单栏上时，li背景项变为蓝色，没问题。但当我鼠标悬停在第二个李时，没有任何反应。我对asp不太熟悉。我尝试了解决方案JQuery don’t work in aspx-page with Masterpage我甚至不确定它是否适用于它。

感谢

Answer 1

将代码包装在像这样的文档就绪事件中......

$(document).ready(function () {
    $("ul.second").delegate("li", "mouseover", function () {
        $("li").css("background-color", "blue");
    });
});

您还可以使用委托功能，该功能将捕获列表项上的鼠标悬停，即使在注册事件处理程序后添加它们也是如此。

PS。将此JavaScript放在页面底部。这使您的页面渲染速度更快。

asp：jquery函数适用于母版页项，但不适用于aspx页面项

1 个答案: