Почему не работает мое диалоговое окно jquery? - PullRequest
Новая
       1

Почему не работает мое диалоговое окно jquery?

0 голосов
/ 12 октября 2010

Я пытался понять, как заставить работать диалоговое окно jquery. На всю жизнь я не могу заставить его работать. Вот небольшой HTML-код с встроенным JavaScript, который я написал: 

<html>  
<head>  
    <script type="text/javascript" src="jquery.js"></script>  
    <script type="text/javascript">  
        function showDialog() {  
            $('#dialogBox').dialog();  
        }  
    </script>  
</head>  
<body>  

<input type="button" value="Click me" onclick="showDialog();" />

<div id="dialogBox">
    <p>This is the text of my dialog box.</p>
</div>

</body>
</html>

Когда я нажимаю кнопку в Internet Explorer, появляется сообщение Object doesn't support this property of method. Что я делаю не так?

Ответы [ 2 ]

3 голосов
/ 12 октября 2010

Насколько я знаю, функция dialog () является частью пользовательского интерфейса jQuery, и не похоже, что ваш код ссылается на библиотеку пользовательского интерфейса. Попробуйте добавить что-то вроде 

<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.3/jquery-ui.min.js" type="text/javascript"></script>

в <head> ниже, где вы ссылаетесь на библиотеку jQuery. Это будет тянуть в размещенной в Google версии источника.

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

0 голосов
/ 01 июля 2014

Вы можете попытаться использовать это, чтобы открыть, 

 function showDialog() {  
        jq('#dialogBox').dialog('open');  
    }

или закрыть 

    function showDialog() {  
        jq('#dialogBox').dialog('close');  
    }
...