Question

在我的页面上，我正在将一些HTML（通过AJAX）加载到div中。新的HTML包含我的$('.modal') jQuery UI对话框。加载HTML后，FireBug会为我的HTML中的每个模态提供一条错误消息：

$(".modal").dialog is not a function
    height: 'auto'

奇怪的是它正在发挥作用。当我单击触发模态的元素时，它会出现！我应该怎么做以防止这些消息显示？

Answer 1

将此内容放入您的文档中

<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>

Answer 2

确保在应用程序中的jquery-ui之前加载jquery。

Answer 3

你可能需要在ajax加载完成后调用$（“。modal”）。对话框

Answer 4

HMM

var dialog = $(".modal").dialog({ autoOpen: false });


$("#click").click( function(e) {
   e.preventDefault();
   dialog.dialog("open");
});

这个对我很有用！

jQuery UI对话框：$（“。modal”）。对话框不是函数？

4 个答案: