Javascript jQuery对话框对我不起作用。。？

正在尝试使用jQuery对话框，但它们似乎无法加载：(

HTML:

Javascript:

function showDialog()
{
    alert('Alert not showing');
    $("#dialog-modal").dialog(
    {
        width: 600,
        height: 400,
        open: function(event, ui)
        {
            var textarea = $('<textarea style="height: 276px;">');
            $(textarea).redactor({
                focus: true,
                autoresize: false,
                initCallback: function()
                {
                    this.set('<p>Lorem...</p>');
                }
            });
        }
     });
}

函数showDialog（）
{
警报（“警报未显示”）；
$（“#对话框模式”）.dialog(
{
宽度：600，
身高：400，
打开：功能（事件、用户界面）
{
var textarea=$（''）；
$（textarea）.redactor({
焦点：对，
自动调整大小：false，
initCallback:function（）
{
这个.set（'Lorem…
'）；
}
});
}
});
}

另一个例子：

---

这里有什么问题？

您的jQuery版本太低，需要添加jQuery UI才能使对话框正常工作，我建议不要使用内联脚本。像这样使用on（）

$('a').on('click',function(){
showDialog();
});

您需要jqueryui以及最新的遗留jQuery

最好使用

。从jQuery中单击（…）

：

---

首先，您必须包含

jQuery UI

，对话框才能正常工作。在JSFIDLE中，您必须在

标题中包含
函数
。但最好使用jQuery的
单击（）



$('a').on('click',function(){
showDialog();
});

<p><a href="javascript:showDialog();">Open</a></p>