代码之家 › 专栏 › 技术社区 › Vivian River

为什么我的jquery对话框不能工作?

modal-dialog jquery javascript

Vivian River · 技术社区 · 15 年前

我一直在想如何让jquery对话框工作。为了我的生命,我不能让它工作。下面是我写的一些带内联javascript的html:

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

当我点击InternetExplorer中的按钮时,它显示 Object doesn't support this property of method. 我做错什么了?

2 回复 | 直到 13 年前

Michael Martin-Smucker 15 年前

据我所知,dialog()函数是jQuery UI的一部分,看起来您的代码并没有引用UI库。尝试添加类似的内容

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

<head> 下面是您引用jQuery库的地方。这将拉入源代码的Google托管版本。

downloading your own copy

Ricardo Romo 11 年前

你可以试着用这个打开,

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

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

推荐文章

Nick Revenco · 对话框元素内部的元素在对话框边界之外时不会显示

2 年前

Ninety9Balloons · Javascript-在模态中使用表单输入值

2 年前

maverickar · 模式未通过按钮关闭

2 年前

Fabien Roussel · @gorhom/botter-sheet modal未在安卓系统上使用apk打开

2 年前

qcrx · React-切换模式打开/关闭,并根据卡的特定数据进行填充

2 年前

Community wiki · 如何从c打开对话框(模态)#

2 年前

ReactNoob · fullcalendar react event单击模式使用状态设置event.id不工作

2 年前

Marko Zadravec · 隐藏B-模态组件,直到API调用子组件返回值

2 年前

Simon · 如何在反应原生模态上设置borderRadius?

6 年前

user2707039 · 带远程Modal的Bootstrap 3

12 年前