1

展開する場所をクリックするまでほとんど非表示になり、クリックすると再び非表示になるdivをコーディングしました。ここでそのためのjsfiddleを見ることができます：http：//jsfiddle.net/Z8vEs/1/

私は別のウェブサイトでこの方法を使用しましたが、そこでは機能しますが、何らかの理由で新しいウェブサイトでは作成していません。率直に言って、私は困惑し、イライラしています。私はjQueryにあまり精通していないので、デバッグの方法がわからないので、何か提案をいただければ幸いです。私が使用している他のjQueryは、codropsの画像スライダーの編集バージョンのみです：http：//tympanus.net/codrops/2011/08/09/portfolio-image-navigation/

あなたは私のウェブサイトを見て、 http： //quintinmarcus.com/であなた自身のために問題を見ることができます

助けてくれてありがとう-Quintin

4

3 に答える 3

1

WebサイトにjQueryを正しくロードしているようには見えません。

custom.jsという名前のjavascriptファイル内で、次のことがわかります。

/* ANIMATE ABOUT BOX */
$("#about").click(function() {
    if($('#about').css('width') == '83px'){
        $('#about').animate({'width':'380px'},350);
        $('#about').animate({'height':'457px'},350);
    }
    else{
        $('#about').animate({'width':'83px'},350);
        $('#about').animate({'height':'11px'},350);
    }
});

それが本当にこのように見えるべきとき：

/* ANIMATE ABOUT BOX */
$(document).ready(function(){

    $("#about").click(function() {
        if($('#about').css('width') == '83px'){
            $('#about').animate({'width':'380px'},350);
            $('#about').animate({'height':'457px'},350);
        }
        else{
            $('#about').animate({'width':'83px'},350);
            $('#about').animate({'height':'11px'},350);
        }
    });
});

新しいバージョンの上部と下部にあるjQuery開始スクリプトと終了タグに注意してください。

jsfiddleは非常に一般的であるため、デフォルトでそのコードを追加しています。

于 2012-07-04T01:24:12.637 に答える
0

'custom.js'ファイルは<div id="about">作成前にロードされるため、次のような操作を行うことができます。

$(document).ready(function() {
    $("#about").click(function() {
    if($('#about').css('width') == '83px'){
      $('#about').animate({'width':'380px'},350);
      $('#about').animate({'height':'457px'},350);
    }
    else{
      $('#about').animate({'width':'83px'},350);
      $('#about').animate({'height':'11px'},350);
    }
    });

 });
于 2012-07-04T01:27:48.417 に答える
0

スクリプトの最後に不正な文字があると思います。これをコンソールに入れて動作しました（キャラクターを削除しました）：

$（ "＃about"）。click（function（）{
    if（$（'＃about'）。css（'width'）== '83px'）{
        $（'＃about'）。animate（{
            '幅'： '380px'
        }、350）;
        $（'＃about'）。animate（{
            '高さ'： '457px'
        }、350）;
    }
    そうしないと {
        $（'＃about'）。animate（{
            '幅'： '83px'
        }、350）;
        $（'＃about'）。animate（{
            '高さ'： '11px'
        }、350）;
    }
}）;
于 2012-07-04T01:27:59.463 に答える