0

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>

マスターページにもリスト形式で作成されたメニューバーがあります。そのため、メニューバーにマウスを合わせると、背景のアイテムが青色に変わりますが、問題ありません。しかし、2番目のliにマウスオーバーしても何も起こりません。私はaspにあまり詳しくありません。JQuery が aspx-page with Masterpage で機能しないという解決策を試してみましたが、それが適用されるかどうかさえわかりません。

ありがとう

4

1 に答える 1

1

次のようなドキュメント準備完了イベントでコードをラップします...

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

また、デリゲート関数を使用することもできます。これは、イベント ハンドラーを登録した後に追加された場合でも、リスト項目のマウスオーバーをキャプチャします。

PS。この JavaScript をページの下部に配置します。これにより、ページのレンダリングが高速になります。

于 2012-07-13T17:24:36.927 に答える