0

on-click 私がやっていることのためにjqueryイベントにクラスを追加しようとしています

私のhtmlファイル

<head>
        <style type="text/css">
            .red{ color:red; }
        </style>
         <script type="text/javascript" src="jquery.js"></script>
        <script type="text/javascript" src="js.js"></script>
    </head>
<body>
    <ul id="list">
        <li><a href="">1</a></li>
        <li><a href="">2</a></li>
    </ul>
</body>

javascriptファイルjs.jsは

$(document).ready(function(){
     $("li").onclick(function(){ // if i comment this and only add the line billow the all ul>li will red
        $("#list").addClass("red");
    });
});

liの色をクリックすると赤になりますクラスを追加しているのでli混乱するので、両方のリンクは赤になりますが、クリックするとクリックしたリンクだけが赤になりますon-click.redul

ここに画像の説明を入力してください

4

3 に答える 3

4

.click()jQueryのメソッドをバニラJavaScriptと混同していますelement.onclick = functionRef;

コードサンプルでは、​​次のようにします。

$("li").click(function(){
    $("#list").addClass("red");
});
于 2012-06-21T17:29:42.123 に答える
2

と呼ばれるjQuery関数はありませんonclick()。とはありますがon、ありclickませんonclick。javascriptではなく、リンクがアクティブ化されるため、list要素が赤に変わります。

いずれかを使用してくださいon：

$(document).ready(function(){
     $("li").on('click', function(){
        $("#list").addClass("red");
    });
});

またはclick：

$(document).ready(function(){
     $("li").click(function(){
        $("#list").addClass("red");
    });
});
于 2012-06-21T17:30:22.017 に答える
0

それ.click()は、ではありませんonclick

これが期待どおりに機能するデモです。<a>リンクの色があなたのしていることに干渉するように、タグを削除しました。

于 2012-06-21T17:32:36.020 に答える