javascript - jQuery ajax - 没有 jQuery css

Question

我正在尝试使用 ajax 浏览页面。我有一个页眉和页脚一个 div，两者之间有 id="content"。我想要做的是替换内容，为此我在按钮上单击以启动以下 JavaScript 方法:

$("#content").load("home.html", function() {
    });

很好，但问题是 home.html 中的内容没有 jQuery CSS。我试图将它链接到 home.html 文件中。它实际上可以工作，但它会像这样复制页脚:

http://i.stack.imgur.com/x8TZF.png(我不能发布图片，因为名誉..)

我在网上找不到任何东西，可能是因为很难用几句话来描述这个问题。

我希望有人能帮助我。 :)

谢谢。

Answer 1

当使用 jQuery 将内容从另一个 HTML 页面加载到当前页面时，我发现 $.load() 很难使用并且有时非常不灵活。

另一种方法是使用 $.get() 方法并解析返回的 HTML，如下所示:

$.get('home.html', function(response){    
    var myHtml = $('#content', response); //get the section of HTML we want
    $('#content').html(myHtml); //load the returned content into the current page    
});

如果您对选择器使用相同的 ID(我通常使用一个类)，这就不会很好地工作，但除此之外，它可以让您更好地控制加载的内容。

希望这对您有所帮助。

http://api.jquery.com/get/