1

我对此进行了无止境的研究，并尝试了类似问题的其他答案，但没有运气。我希望数字（即链接）在选择时更改为一种颜色并保持该颜色，直到选择另一个数字/链接并将其更改回其原始颜色。

I have gotten it the script to work so that it changes color when selected...but it wont change back when the next link is selected. 以下是我的代码（如果显示不正确，我深表歉意）。如果您需要查看更多信息，请告诉我！这是现场测试页面的链接：http: //bmww.com/clients/index3/casestudies/cabrini_casestudy3.html

脚本：

        <script type="text/javascript">
        $(window).load(function () {
$('.slideshow').blinds();

})
$(document).ready(function(){
$('a').click(function(){
    $(this).toggleClass('clicked');
    });
});
    </script>

这是我的CSS：

<style>

a{
color: #666335;
}

a.clicked{
color: #D85D27;
}

这是我的html：

<a href="#" class="change_link" onclick="$('.slideshow').blinds_change(1); return     false">1</a>
<a href="#" class="change_link" onclick="$('.slideshow').blinds_change(2); return false">2</a>
<a href="#" class="change_link"  onclick="$('.slideshow').blinds_change(3); return false">3</a>
<a href="#" class="change_link"  onclick="$('.slideshow').blinds_change(4); return false">4</a>
<a href="#" class="change_link" onclick="$('.slideshow').blinds_change(5); return false">5</a>
<a href="#" class="change_link" onclick="$('.slideshow').blinds_change(6); return false">6</a>
<a href="cabrini_casestudy2.html" class="ex1" >     >> </a>
4

1 回答 1

2

如果再次单击相同的链接，您的代码将起作用。

尝试这个 ：

$(document).ready(function(){
$('a.change_link').click(function(){
    $('.clicked').removeClass('clicked');
    $(this).addClass('clicked');
    });

});
于 2012-05-23T13:37:04.563 回答