1

index.php ページがあります。いくつかのリンクを含むナビゲーションバーが含まれています。ajax を使用して、小さな読み込みプロセスを作成しました。ここでリンクのコードを確認できます。

$('#link1').click(function(e) {
    e.preventDefault();
    $('#target').fadeOut('fast', function() {
        $('#spinner').fadeIn(1000).delay(2000).fadeOut(1000, function() {
            $.ajax({
                url: 'content/1.php',
                dataType: 'html',
                type: 'GET',
                success: function(html) {
                    $('#target').empty();
                    $('#target').append(html);
                    $('#target').fadeIn('slow');
                }
            });
        });
    });
});

ご覧のとおり、外部の php コンテンツ ページ (1.php) が「ターゲット」div 内に読み込まれます。ここでの問題は、「1.php」が外部 css によってフォーマットされ、次のコードで「1.php」にロードされることです。

<link rel="stylesheet" type="text/css" href="1css/style.css">

しかし、index.php を起動すると、1.php のテキスト コンテンツのみが表示され、画像は表示されません。間違いはどこですか？1.php の外部 css を ajax で読み込めますか? フォルダを送りますので、より具体的に見ることができます...ありがとう...

4

1 に答える 1

1

ajax 呼び出しは HTML のみを解析し、スタイルは解析しないと思います。読み込まれたコンテンツに適用されるスタイルが、コンテンツを読み込むページに存在しない (または相対パスが異なる) ため、画像が表示されない可能性があります。

スタイルも読み込む必要がある場合は、コンテンツを読み込むページの先頭に関連する CSS ファイルを追加することをお勧めします。相対ファイル パスを確認してください。

于 2012-12-20T10:58:24.257 に答える