0

作業URL： http: //runnerupapparel.com/building/

「Info」または「Look」リンクをクリックすると、すべて正常に機能しますが、x をクリックしてパネルを閉じると、リンクの色がグレーに戻りません (#666)。また、fadeToggle が有効になっているときに使用できない他のナビゲーション リンクも美しいでしょう。それにアプローチする方法が正確にはわかりません。前もって感謝します。

$(document).ready(function() {

    $("#info").hide();
    $(".info").show();

    $('.info').click(function() {
        $("#info").fadeToggle();
        $(".info a").css({
            'color': '#d71635',
            'background': 'url(/building/images/bolt.png) left -23px no-repeat',
            'position': 'relative',
            'z-index': '9998'
        });
        $(".info").css({
            'background': 'url(/building/images/bolt.png) right -23px no-repeat',
            'position': 'relative',
            'z-index': '9999'
        });
    });

    $('.closeinfo').click(function() {
        $(".info a").removeAttr('style');
        $(".info").removeAttr('style');
        $("#info").fadeToggle();
    });

    $("#look").hide();
    $(".look").show();

    $('.look').click(function() {
        $("#look").fadeToggle();
        $(".look a").css({
            'color': '#d71635',
            'background': 'url(/building/images/bolt.png) left -23px no-repeat',
            'position': 'relative',
            'z-index': '9998'
        });
    });

    $('.closelook').click(function() {
        $(".look a").removeAttr('style');
        $("#look").fadeToggle();
    });

});​
4

1 に答える 1

0

だから私がここで私が何をするかを言うことができることから：

.cssファイル（またはデフォルトのスタイルを管理する方法）で、リンクごとに2つの異なるクラスを作成します。それが終わったら。次に、.toggleClass（ "newClass"）メソッドを使用して前後に切り替えることができます。これにより、いずれかのリンクを2回クリックしても、色が灰色に戻らないようになります。次に、[x]ボタンをクリックすると、すべてのリンクのクラスを変更して、それらを灰色にすることができます。$('.selector').attr('class','newClass')

情報またはルックパネルが表示されているときに他のリンクをクリックできないという問題に対応して、高さの問題が原因です。私はあなたが提供したサイトにアクセスして「インスペクター」モードに入り、cssプロパティを試してみました。454pxに設定されているheightプロパティのチェックを外すと、問題は解決しました。したがって、現在設定しているよりもはるかに小さい高さを設定するだけで、うまくいくはずです。

于 2012-06-23T06:15:05.217 に答える