使用 jQuery 的 .load() 函数后 ('#').dialog is not a function 错误

Question

我有以下代码：

<?php
$this->beginWidget('zii.widgets.jui.CJuiDialog', array(
    'id'=>'mydialog',
    // additional javascript options for the dialog plugin
    'options'=>array(
        'title'=>'Confirmar',
        'resizable'=>'false',
        'autoOpen'=>false,
        'modal'=>true,      
        'buttons'=>array('Eliminar'=>'js:function(){deleteMessage();$(this).dialog("close");}',
                         'Cancelar'=>'js:function(){$(this).dialog("close");}',),
    ),
));?>
<div style="display:none">Do you confirm you want to delete the item?</div> 
<?php 
$this->endWidget('zii.widgets.jui.CJuiDialog');
?>

<input type="button" onclick="js:openDlg()" value="Open the dialog">
<script language="javascript" type="text/javascript">
    function openDlg(){
        $("#mydialog").dialog("open"); 
    }
</script>

这工作得很好，直到我需要调用 jQuery 的 .load() 函数。出于测试目的，我有一个调用 .load() 方法的按钮（尽管应该在文档准备好时调用它）。如果我在单击此试用按钮之前点击“打开对话框”按钮，则对话框将正确打开。否则，它会失败并出现以下错误：

$("#mydialog").dialog 不是函数 $("#mydialog").dialog("打开");

试用按钮：

<input type="button" onclick="js:load_wall()" value="Load Messages">
function load_wall(){
        var liga = $("#liga_id").val();
        $('#div_wall_messages').load('displayMessages',{liga_id: liga}, function(){

        });

请，非常欢迎任何帮助。这个错误让我发疯。谢谢你！！

Answer 1

什么是displayMessages？它是一个包含脚本的页面吗？该页面是否包含 jQuery 的另一个副本？如果您包含 jQuery 的第二个副本，您将覆盖现有副本 — 可能您正在使用未加载 Dialog 插件的新插件覆盖已加载 Dialog 插件的 jQuery。

如果您想加载到 div 中，并且正在加载的文件中包含一整页 HTML（包括 、

另外，上面所有代码中的 js: 不执行任何操作，应省略。

Answer 2

如果加载是问题所在，则您可能已加载（并覆盖）当前加载的库，其中可能包括带有对话框插件的 jQuery。确保加载一个干净的页面，（每当我 AJAX 时，我通常只生成一个

或

，无论我需要什么，而不是 检查浏览器的网络/资源，

如果失败，请确保包含正确的 javascript 文件，其中包括 jQuery 和看似 jQuery UI，

跟踪这些脚本文件的情况，并查看是否有任何其他错误消息。 （也许 404 未找到？）在 javascript 文件上。

Answer 3

正如上面已经解释的，您可能会覆盖这些库。

处理它的一种方法是确保加载正确的文件。

另一种方法是在对话框和对话框中的内容之间插入 iframe。浏览器将 iframe 视为具有自己的脚本的单独页面。因此，iframe“之上”的内容脚本将与 iframe“之下”的对话框脚本分开。

由于您使用的是 Yii，请检查此 wiki。