动态更改$ .Dialog上的css属性

时间:2015-08-17 09:02:23

标签: javascript jquery html css

点击某个按钮打开对话框。

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

Dialog是局部视图。

<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?

1 个答案:

答案 0 :(得分:0)

打开这样的对话窗口从$('#uploadDialog')复制html。 因此,当我尝试找到像$(“#errorDiv”)这样的元素时,它会返回$('#uploadDialog')的第一个实例,它隐藏在主视图上(不在对话框中)。

我应该找到像$(“#dialogBox #errorDiv”)这样的元素,其中#dialogBox是#uploadDialog的根元素。