2

2 つのアンカー タグを作成し、最初のアンカー タグをクリックすると新しいクラスが 2 番目のアンカー タグに追加され、その後 2 番目のアンカー タグをクリックするとアラートが表示される関数を作成しました。クラスが追加されたアンカータグのテキストを示しています。しかし、それは私にとってはうまくいきません。

参照用のコードは次のとおりです。

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Title</title>
    <script type="text/javascript" src="js/jquery-1.2.6.pack.js"></script>
    <style type="text/css">
        .highlight{background-color:yellow;}
    </style>
    <script>
        $(function(){
            $("a:eq(0)").click(function(){
                $("a:eq(1)").addClass("highlight");
            });

            $("a.highlight").click(function(){
                alert($(this).text());
            });
        });
    </script>
</head>
<body>
    <a href="#">first</a>
    <a href="#">second</a>
</body>
4

2 に答える 2

4

これは 2 番目のものに使用する必要があります。

$("a.highlight").live('click', function(){

  alert($(this).text());

});

このjsFiddleを確認してください。

ただし、jQuery 1.7 以降を使用している場合は、on()メソッドを使用することをお勧めします。詳しくはドキュメントをご確認ください

于 2012-11-06T11:54:44.320 に答える
0

ここでの問題は、スクリプトが実行されたときにクラスとのアンカーリンクがないことだと思いますhighlight

簡単な修正はon、jQueryのメソッドを利用することです。行を変更するだけです$("a.highlight").click(function(){

これに：

$("body").on("click", "a.highlight", function(){
于 2012-11-06T11:55:35.793 に答える