javascript - 使用 jquery 打开对话框

Question

我有一个由 $imageDialog 引用的对话框，我试图用 $imageDialog.dialog("open") 打开它，但它不起作用.

问题是，通过调试，我看到了 $imageDialog.dialog("open") 行在执行，但是 $imageDialog 里面的 open 函数不执行。它没有显示任何错误，我检查了 $imageDialog 在执行 $imageDialog.dialog("open") 时是否正确设置了引用。

这是 html 对话框:

<div class="dialog" id="image-dialog"></div>

这是javascript代码:

var selectedImage;
var $imageDialog = $("#image-dialog");

$imageDialog.dialog({
    autoOpen: false,
    buttons: [
        {
            text: "Cerrar",
            icons: {
                primary: "ui-icon-close"
            },
            click: function() {
                $(this).dialog("close");
            }
        }
    ],
    maxHeight: 580,
    modal: true,
    position: { my: "top", at: "top+160" },
    resizable: false,
    title: "Vista de imagen",
    width: 1000,
    close: function() {
        $imageDialog.empty();
    },
    open: function() {
        content += "         <img alt='previsualizacion'" + "src='" + imageSrc + "'>";

        $imageDialog.append(content);
    }
});

function showImage(img) {
    selectedImage = img.src;
    console.log($imageDialog);
    $imageDialog.dialog("open");
}

Answer 1

要打开 JQuery UI 对话框，只需使用:

J查询:

$(document).ready(function(){
    $('#dialog').dialog();
});

HTML:

<div id="dialog">

</div>

Working Fiddle