如何在jquery对话框ui打开时设置背景图像（）

Question

当jquery对话框ui打开时如何设置背景图像（）

如何在jquery中设置html页面的背景图片

Answer 1

然而，你的问题并不完全清楚：

您可以使用。addClass向元素添加css类。 css类可以定义背景图像。

.sky
{
   background-image:url('sky.png');
}

$('#someElement').addClass('sky');

Answer 2

jQuery UI对话框不会阻止您使用javascript更改其后面的页面，即使对话框是模态的。

以下内容可行：

$('body').css('background','url(path/to/your/image.jpg)')

如果要在UI对话框打开时设置该背景图像，那么您将绑定到对话框的“打开”事件，如下所示：

$( ".selector" ).dialog({
   open: function(event, ui) { ... }
});

...或

$( ".selector" ).bind( "dialogopen", function(event, ui) {
  ...
});

如果您在页面上设置新的背景图片时遇到问题，可能是您的页面上有一个元素样式，其中包含比您提供的更具体的CSS选择器。例如，你可能有一个封装器div嵌套在主体内部，它有一个背景图像，这会破坏身体标签。

Answer 3

在jQuery UI中，当对话框打开时，通过设置 ui-widget-overlay 类的适当值来更改页面背景。您可以通过更改背景属性或使用其他CSS属性来检查背景。

您可以使用jQuery提供的 css 方法来修改值