Question

我获得了一些代码，可以添加到我正在构建的电子邮件应用程序中，以便当有人点击“预览”时按钮，将弹出一个对话框并显示电子邮件中显示的文本。我现在只用JavaScript编程大约一个星期了，我已经尽力研究jQuery对话框如何工作，但对于我的生活，我只是不能让它打开按钮是点击。

这是我给出的两个功能：

<script>
$("#loadPreviewDiv").dialog({
    autoOpen : false,
    resizable : true,
    height : 600, //adjust accordingly
    width : 600, //adjust accordingly
    modal : true,
    buttons : {
        close : function() {
            $(this).dialog("close");
        }
    },

});

function loadPreviewView() {
    document.getElementById('loadPreviewDiv').innerHTML = 'htmlBody.innerHTML';
    $("#loadPreviewDiv").dialog("open");
} </script>

这是我应该打开对话框的按钮：

<button type="button" onClick="loadPreviewView()">Preview</button>

我知道正在调用loadPreviewView（）函数，但是对话框不会弹出。我错过了什么？

Answer 1

 $("#loadPreviewDiv").click(function () {
    $('#dialog').dialog({
        title: "Dialog box",
        height: 300,
        modal: true,
        open: function (event, ui) {
        },
        buttons: { "close": function() { $(this).dialog("close"); } } 
    });
 });

演示：

http://jsfiddle.net/xkRUx/2/

为什么我的jQuery Dialog没有打开？

1 个答案: