Javascript Jquery模态窗口问题_Javascript_Jquery_Modalpopup

Javascript Jquery模态窗口问题

javascript jquery

Javascript Jquery模态窗口问题,javascript,jquery,modalpopup,Javascript,Jquery,Modalpopup,全部, 你能告诉我下面的代码有什么问题吗？我试图在这里打开一个模式窗口，它的内容是一个文本框我还得到了java脚本错误。对话框不是一个函数 <html> <head> <script src="http://code.jquery.com/jquery-latest.js"></script> <script> $(document).ready(function()

全部,

你能告诉我下面的代码有什么问题吗？我试图在这里打开一个模式窗口，它的内容是一个文本框

我还得到了java脚本错误。对话框不是一个函数

<html>
    <head>
        <script src="http://code.jquery.com/jquery-latest.js"></script>

        <script>
            $(document).ready(function() {
                $("#a").click( function(e) {
                    e.preventDefault();
                    var html='<div id="e_ls" style="overflow:auto;text-align:justify"><textarea rows="10" cols="10"></textarea></div>';

                    $e_ls = jQuery('#e_ls');
                    $e_ls.html(html);
                    $("#e_ls").dialog("open");
                }); 
            });
        </script>
    </head>
    <a href="" id="a" >a</a>
</html>


$（文档）.ready（函数（）{
$（“#a”）。单击（函数（e）{
e、 预防默认值（）；
var html=''；
$e_ls=jQuery（'e#u ls'）；
$e_ls.html（html）；
$（“#e#ls”）。对话框（“打开”）；
}); 
});

谢谢……

您需要从下载并包含jqueryUI代码，

您需要jqueryUI javascript文件。

不仅仅是缺少jqueryUI文件。你拉错了。尝试：


$（文档）.ready（函数（）{
$（“#e#ls”）。对话框（{autoOpen:false}）；
$（“#a”）。单击（函数（e）{
e、 预防默认值（）；
$e_ls=jQuery（'e#u ls'）；
$（“#e#ls”）。对话框（“打开”）；
}); 
});

在上述情况下，默认情况下，e_ls是隐藏的，并且仅在您请求时调用。注意：如果在标记中添加了no href或使用了其他标记，则不需要preventDefault（）。preventDefault是必需的，因为您有一个不正确的活动链接

理想情况下，您应该使用a或a如果您想将其格式化为链接，您可以使用CSS

我已经下载了它，但仍然收到javascript错误

<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js" type="text/javascript"></script>
<script>
                $(document).ready(function() {
                    $("#e_ls").dialog({ autoOpen: false });
                    $("#a").click( function(e) {
                        e.preventDefault();
                        $e_ls = jQuery('#e_ls');
                        $("#e_ls").dialog('open');
                    }); 
                });
            </script>
</head>
<body>
<a href="" id="a" >a</a>
<div id="e_ls" style="overflow:auto;text-align:justify">
  <textarea rows="10" cols="10"></textarea>
</div>
</body>
</html>