0

全部,

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

我也得到 java 脚本错误 .dialog is not a function。

<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>

谢谢....

4

3 回答 3

0

您需要从http://www.jqueryui.com下载并包含 jqueryUI 代码

于 2010-01-05T20:07:20.463 回答
0

您需要 jQueryui javascript 文件。

于 2010-01-05T20:07:20.573 回答
0

它不仅仅是缺少 Jquery UI 文件。你把它拉错了。尝试:

<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>

上面的 e_ls 默认是隐藏的,只有在你询问时才会调用。请注意,如果您没有在标签中放置 href 或使用不同的标签,则不需要 preventDefault()。仅需要 preventDefault 是因为您有一个也不正确的活动链接...

理想情况下,您应该使用

或者如果你想像链接一样格式化它,你可以使用 CSS<a id="a" style="cursor:pointer; text-decoration: underline; color:00F">a</a>

于 2010-01-05T20:19:26.550 回答