Question

我有一个具有脚本功能的菜单，其中点击切换该链接的不同背景颜色，直到点击另一个链接：

    $(function() {
       $(".button").click(function() {
         $(this).css('background-color', '#555');
         $(".button").not($(this)).css('background-color', '');

       });
    });

我想要这个链接：

    <a class="button main" href="background.html">Main</a>

在页面加载时切换背景颜色，但保留切换功能，如前所述。

这是HTML的其余部分：

    <a class="button main" href="background.html">Main</a>
    <a class="button" href="text-1.htm">Text 1</a>
    <a class="button" href="text-2.htm">Text 2</a>
    <a class="button" href="text-3.htm">Text 3</a>
    <a class="button" href="text-4.htm">Text 4</a>
    <a class="button" href="text-5.htm">Text 5</a>
    <a class="button" href="text-6.htm">Text 6</a>
    <a class="button" href="text-7.htm">Text 7</a>
    <a class="button" href="text-8.htm">Text 8</a>
    <a class="button" href="text-9.htm">Text 9</a>
    <a class="button" href="text-10.htm">Text 10</a>

Answer 1

data_sekolah

您可以在文档准备就绪后将样式放在主页上。

更好的选择：

CSS

$(function(){
    $('.main').css('background-color', '#555');

    $(".button").click(function() {
        $(this).css('background-color', '#555');
        $(".button").not($(this)).css('background-color', '');
    });
});

JS

.main { background: #555 }

JSFIDDLE：https://jsfiddle.net/rv68enu6/

通过屏幕加载切换javascript，然后点击

1 个答案: