我对此进行了无休止的研究,并尝试了类似问题的其他答案,但没有成功。我希望数字(即链接)在被选中时更改为一种颜色并保持该颜色,直到选择另一个数字/链接并将其变回其原始颜色。
我已经得到了它的脚本来工作,以便它在被选中时改变颜色......但是当下一个链接被选中时它不会变回原来的颜色。下面是我的代码(如果显示不正确,我深表歉意)。如果您需要查看更多信息,请告诉我!这是实时测试页面的链接: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>
最佳答案
如果再次点击相同的链接,您的代码将起作用。
试试这个:
$(document).ready(function(){
$('a.change_link').click(function(){
$('.clicked').removeClass('clicked');
$(this).addClass('clicked');
});
});
关于javascript - 带有数字的 Jquery 幻灯片放映——帮助数字链接保持颜色直到选择另一个?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10720975/