Question

我有一个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）将加载到“target”div中。现在的问题是“1.php”是由外部css格式化的，用这段代码加载到“1.php”中：

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

但是当我在index.php吃午饭时，我只看到来自1.php的文字，而不是图片。哪里出错了？我可以通过ajax为1.php加载外部css吗？我可以把文件夹寄给你，这样你就可以更具体地看到它......谢谢......

Answer 1

我相信ajax调用只解析HTML，而不是样式。您的图片可能不会显示，因为您正在加载内容的页面中不存在适用于已加载内容的样式（或相对路径不同）。

如果你还需要加载样式，可能值得将相关的CSS文件附加到你正在加载内容的页面的头部 - 只需确保检查相关的文件路径。

ajax无法加载外部图像

1 个答案: