0

尝试使用 jQuery 对话框，但它们似乎没有加载:(

HTML：

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

<div id="dialog-modal" title="Basic modal dialog" style="display: none;"></div>

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>');
                }
            });
        }
     });
}

http://jsfiddle.net/GsFSc/

另一个例子：

http://jsfiddle.net/khSxK/

这里有什么问题？

4

4 回答 4

1

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

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

演示在这里

于 2013-06-24T08:14:22.257 回答
0
  1. 您需要 jQuery UI 以及最新的旧版 jQuery
  2. 更好地使用.click(...)来自 jQuery：http: //jsfiddle.net/techunter/Kat7G/
于 2013-06-24T08:15:06.837 回答
0

首先，您必须包含jQuery UI对话框才能工作。在 JSfiddle 中，您必须包含您functions的head. 但最好还是使用 jQuery 的click().

工作小提琴

于 2013-06-24T08:16:15.760 回答
0 
<p><a href="javascript:showDialog();">Open</a></p>
于 2013-06-24T08:34:01.810 回答