Javascript 保持jQueryUI对话框内容可见，向对话框内容添加新维度

要使用的代码段是：

HTML标记：

<div class="upload_photos">
    <img src="source" />
</div>

但解决不了。如何将jquery选择的注意力转移到对话框窗口

EDIT4“

如果我使用

var dialog=$（this）

而不是

var dialog=$（this）.clone（true）；

则会在对话框上进行标记，但图像会从网页上消失。

1）如果使用页面div作为对话框，请尝试以下操作：

var dialog = $(this).clone();

2） 要在对话框上img固定尺寸，请执行以下操作：

$("img", dialog).addClass('fixedSize');

img.fixedSize {
    width: 500px;
    height: 500px;
}

3） 要阻止背景单击，请执行以下操作：

dialog.dialog({
    width:860,
    height:560,
    autoOpen: false,
    modal: true
});

---

有关更多信息和配置，请阅读对话框文档和选项：

---

我固定了对话框的宽度和高度（860560）。我想要图像（它原来有多大（假设200100））要成为一个固定维度，即500500。如何做到这一点？@IstiaqueAhmed。你的html中没有一个。上传照片div？如果是这样，只需将类添加到你的img中，将css添加到你的样式中。是的，我有。但是css将在网页和对话框的图像上应用维度。网页图像将有一个维度对话框图像将有另一个。怎么办？@IstiaqueAhmed，你的html img不能有初始的fixedSize类。然后，在创建对话框img时，将其添加到对话框img中，如我在编辑的答案中所编码的。提供更多核心来帮助你编辑2。你的html和button的javascript将非常好。我们可以聊天吗？可能吧明天plz？如果你能做的话，那么什么时候？我来自南亚，孟加拉国，尝试创建叠加div而不是克隆，或者尝试自己一步一步地学习，或者提供更多的代码（但这是一个过于本地化的问题）。

$("img", dialog).addClass('fixedSize');

img.fixedSize {
    width: 500px;
    height: 500px;
}

dialog.dialog({
    width:860,
    height:560,
    autoOpen: false,
    modal: true
});