-1

こんにちは、ユーザーがリンクをクリックしたときに、色を黒から赤に変更し、ユーザーが別のリンクをクリックしてから別のリンクマークを赤にしてこれが黒に変わるまで、常に色を変更する必要があることを確認する必要があります。私はjquery + cssを使用していますが、正しく動作しません

HTML

<ul>
    <li><a>1</a></li>
    <li><a>2</a></li>
    <li><a>3</a></li>
</ul>

JS

$(document).ready(function() {
    $("li a")
        .mouseenter(function() {
            $(this).css("background-color", "#d20e10");
        });
});

何か案は？

4

5 に答える 5

0

これはそれほど難しいことではありません。必要なclickのは jquery を使用することだけです。

HTML:

<ul>
    <li id ='li1'>1</li>
    <li id='li2'>2</li>
    <li id='li3'>3</li>
</ul>

JS:

$(document).ready(function() {
    $("#li1")
        .click(function() {
            $(this).css("background-color", "#d20e10");
            $("#li2").css("background-color", "white");
            $("#li3").css("background-color", "white");
        });

    $("#li2")
        .click(function() {
            $(this).css("background-color", "#d20e10");
            $("#li3").css("background-color", "white");
            $("#li1").css("background-color", "white");
        });

    $("#li3")
        .click(function() {
            $(this).css("background-color", "#d20e10");
            $("#li2").css("background-color", "white");
            $("#li1").css("background-color", "white");
        });
});

ここで付属の jsfiddle を参照してください: http://jsfiddle.net/Bpywh/

于 2013-08-22T13:43:49.083 に答える
0

1) 最初anchorのタグがありません。

2)jQueryライブラリ参照を使用していますか?

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>

3) mouseenter!==click

4) background-color!==color

最後にこれを試してください

$(document).ready(function () {
    $("li a")
        .click(function () {
        $(this).css("color", "#d20e10");
    });
});

JSFiddle1

ホバリングが必要な場合は、これを試してください

$(document).ready(function () {
    $("li a")
        .hover(function () {
        $(this).css("color", "#d20e10");
        }, function() {
            $(this).css("color", "#000000");
        });
});

JSFiddle2

于 2013-08-22T13:42:39.287 に答える