JQuery проблема модального окна - PullRequest
Новая
       6

JQuery проблема модального окна

0 голосов
/ 05 января 2010

All

Можете ли вы сказать мне, что не так со следующим кодом. Я пытаюсь открыть модальное окно здесь, и его содержимое представляет собой текстовое поле.

Также я получаю ошибку 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>

Спасибо ....

Ответы [ 3 ]

0 голосов
/ 05 января 2010

Вам необходим файл jQueryui javascript.

0 голосов
/ 05 января 2010

Это больше, чем просто отсутствие файла 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 скрыт по умолчанию и вызывается только по запросу.Обратите внимание, что вам не нужен protectDefault (), если вы не используете href в своем теге или используете другой тег.warnDefault требуется только потому, что у вас есть активная ссылка, которая также неверна ...

В идеале вы должны использовать

или a, если вы хотите отформатировать его как ссылку, вы можете использовать CSS <a id="a" style="cursor:pointer; text-decoration: underline; color:00F">a</a>

0 голосов
/ 05 января 2010

Вам необходимо скачать и включить код jqueryUI из http://www.jqueryui.com

...