1

私はこれを最後まで調査し、同様の質問に対する他の回答を試みましたが、運がありませんでした. 番号 (リンク) を選択すると色が変わり、別の番号/リンクが選択されるまでその色のままになり、元の色に戻るようにしたいと思います。

選択すると色が変わるようにスクリプトが機能するようになりました...しかし、次のリンクが選択されたときに元に戻りません。以下は私のコードです(正しく表示されない場合はお詫び申し上げます)。もっと見る必要がある場合は、お知らせください。ライブ テスト ページへのリンクは次のとおりです: 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 に答える