javascript - 动态更改$ .Dialog上的CSS属性

我通过单击某些按钮来打开对话框。

function startUpload() {
        $.Dialog({
            'title': 'title',
            'content': $('#uploadDialog').html(),
            'draggable': false,
            'overlay': false,
            'closeButton': true,
            'buttonsAlign': 'right',
            'keepOpened': true,
            'position': {
                'zone': 'center'
            },
        });
        return false;
    }

对话框是局部视图。

<div id="uploadDialog" class="no-display">
    @Html.Partial("_UploadInfoFilterDialog", @Model)
</div>

在局部视图上有一个div

<div id ="errorDiv" style="display: none">Error message</div>

我想在某个事件上展示它。

$("#errorDiv").show();

属性会更改，但对话框的内容不会更新。我认为问题出在对话框中，因为在主视图中它可以正常工作。
我试过$（“＃errorDiv”）。html（）;太。

如何在对话框上显示errorDiv？

最佳答案

像这样打开一个对话框窗口，从$（'＃uploadDialog'）复制html。
因此，当我尝试查找类似$（“＃errorDiv”）的元素时，它将返回$（'＃uploadDialog'）的第一个实例，该实例隐藏在主视图中（而不是对话框中）。

我应该找到像$（“＃dialogBox #errorDiv”）这样的元素，其中#dialogBox是#uploadDialog的根元素。

关于javascript - 动态更改$ .Dialog上的CSS属性，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/32046414/

ErrorDiv

javascript - 动态更改$ .Dialog上的CSS属性