Javascript jquery在加载时设置背景图像不工作

目前，我在使用jquery代码时遇到了一些麻烦。我正在尝试使用正确的背景图像加载div，但它不想这样做。因为我对jquery还很陌生，所以我无法找出可能的错误。我有一个容器集，它需要html attr'srcpost'中的背景图像，其中包含

url("movies/Napoleon Dynamite/poster.jpg")

到目前为止，我会把我所有的东西都发出去，装载时什么也没发生。只有一个没有背景图像的空白div:（

$（'.video_selection'）。打开（'load'，function（）{
var backgroundimg=$（this.attr（'srcpost'）；
$（this）.css（'background-image'，backgroundimg）；
})；

拿破仑炸药

请不要使用element.onload方法：。也可以使用。这将使您的

$（此）

目标窗口，您必须更改为element类。还要注意

vidurl

中的

\

/*$（窗口）.on（'load'，function（））{
var backgroundimg=$（'.video_selection'）.attr（'srcpost'）；
console.log（backgroundimg）；//请不要使用element.onload方法：。也可以使用。这将使您的
$（此）
目标窗口，您必须更改为element类。还要注意
\
中的
\


/*$（窗口）.on（'load'，function（））{
var backgroundimg=$（'.video_selection'）.attr（'srcpost'）；
console.log（backgroundimg）；//
$（函数（）{
var backgroundimg=$（'.video_selection'）.attr（'srcpost'）；
$（'.video_selection'）.css（'background-image'，backgroundimg）；
})
。视频选择{
宽度：500px；
高度：500px；
}

拿破仑炸药


$（函数（）{
var backgroundimg=$（'.video_selection'）.attr（'srcpost'）；
$（'.video_selection'）.css（'background-image'，backgroundimg）；
})
。视频选择{
宽度：500px；
高度：500px；
}

拿破仑炸药

对于div的触发器加载事件，您可以这样做

$(function(){
        $('div[onload]').trigger('onload');
    });


函数更改背景（div）{
var backgroundimg=$（'.video_selection'）.attr（'srcpost'）；
//警报（背景IMG）
$（'.video_selection'）.css（'background-image'，backgroundimg）；
}
$（函数（）{
$（'div[onload]'）。触发器（'onload'）；
})；

拿破仑炸药

对于div的触发器加载事件，您可以这样做

$(function(){
        $('div[onload]').trigger('onload');
    });


函数更改背景（div）{
var backgroundimg=$（'.video_selection'）.attr（'srcpost'）；
//警报（背景IMG）
$（'.video_selection'）.css（'background-image'，backgroundimg）；
}
$（函数（）{
$（'div[onload]'）。触发器（'onload'）；
})；

拿破仑炸药

div不会引发加载事件，因此您的回调函数永远不会被调用，也许您希望在dom准备就绪时执行此操作？正如@Esko所说，它应该是
$（document）。ready（function（）{}）
而不是
$（'.video_selection'）。on（'load'，function（）{
div不会引发加载事件，因此您的回调函数永远不会被调用，也许您希望在dom准备就绪时执行此操作？正如@Esko所说，它应该是
$（document）.ready（function（）{}）
而不是
$（'.video_selection'）。on（'load'，function（）{