jquery - 如何从另一个页面加载背景图像？

Question

我正在创建一个页面，使用 jQuery 从其他页面加载内容，如下所示:

$('#newPage').load('example.html' + ' #pageContent', function() {
    loadComplete();         
});

一切正常。

现在我想做的是将当前页面的背景图像更改为我正在加载的页面的背景图像。

这就是我现在正在做的事情，但我一生都无法让它发挥作用:

$.get('example.html', function(data) {

    var pageHTML = $(data);
    var pageBody = pageHTML.$('body');
    alert(pageBody.attr("background"));

});

我做错了什么？

谢谢，
-本

Answer 1

更新:请将您的背景图像更改为 CSS: style="background-image: url(...)" 我认为您现在尝试的方式是不会到达background属性。

旧答案:

background 是简写。尝试一下

pageBody.attr("backgroundImage");

我从未见过通过 Ajax 请求提取完整的 HTML 结构，但只要它不插入到 DOM 中，就应该没问题。

如果事实证明 HTML 结构是问题所在，请考虑动态创建一个 iframe 元素，将页面加载到其中，然后从中获取 backgroundImage 属性那里。