javascript - 带有数字的 Jquery 幻灯片放映——帮助数字链接保持颜色直到选择另一个？

Question

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

我已经得到了它的脚本来工作，以便它在被选中时改变颜色......但是当下一个链接被选中时它不会变回原来的颜色。下面是我的代码(如果显示不正确，我深表歉意)。如果您需要查看更多信息，请告诉我!这是实时测试页面的链接: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>

Answer 1

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

试试这个:

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

});