动态地将 javascript/jquery 对话框的大小更改为图像的大小

Question

我有一个 javascript/jquery 问题。

我的项目中有一个自定义 jquery 对话框设置。我用一个 div 和一个图像标签来设置它。该图像填充有文件下载链接。

<'custom jquery dialog'  runat="server" ID="dialogView" AutoOpen="false"   CloseOnEscape="true" Modal="true" Title="" Visible="true" >
    <div runat="sever" id="imageContainer">
        <img src="" alt="Image" runat="server" id="theImage" />
    </div>
</'custom jquery dialog'>

这就是盒子本身的设置。这是 javascript，我必须根据从类发送的链接用图像填充该框，

function viewImage(link){
    $('#<%= this.theImage.ClientID %>').attr('src', link);\
    showDialog(<%= this.dialogView.ClientID %>);
}

这工作正常并显示其中包含图像的对话框。但是，我真的希望能够调整此对话框/div 的大小。如何根据图像的大小更改它？我尝试了这个

function changeSize(){
    var imageHeight = $('#<%= this.theImage.ClientID %>').height;
    var imageWidth = $('#<%= this.theImage.ClientID %>').width;
    $('#<%= this.dialogView.ClientID %>').height = imageHeight;
    $('#<%= this.dialogView.ClientID %>').width = imageWidth;
    $('#<%= this.imageContainer.ClientID %>').height = imageHeight;
    $('#<%= this.imageContainer.ClientID %>').width = imagewidth;
}

上面的函数在实现时是在 viewImage 函数中的 showDialog 调用之前添加的。这不能正常工作。我错过了什么吗？

Answer 1

我不是 ASP.NET 人员，但 jQuery 有 width() 和height() 方法而不是属性就像您在代码中使用的一样。你可以试试这个：

function changeSize(){
    var imageHeight = $('#<%= this.theImage.ClientID %>').height();
    var imageWidth = $('#<%= this.theImage.ClientID %>').width();
    $('#<%= this.dialogView.ClientID %>').height(imageHeight);
    $('#<%= this.dialogView.ClientID %>').width(imageWidth);
    $('#<%= this.imageContainer.ClientID %>').height(imageHeight);
    $('#<%= this.imageContainer.ClientID %>').width(imagewidth);
}