“TypeError:$(...)。dialog不是函数”控制台日志出错?

时间:2014-11-18 13:01:02

标签: javascript jquery jquery-ui

我的表单中存在名为“ keyword ”的字段。当我点击这个字段时,它会显示一个弹出框,其中所有keywords都显示为Mysql数据库。

所以当我第一次加载完整的index.php页面时,它的工作正常。但是在为其他目的请求服务器jquery / ajax请求后,它不会弹出关键字框。在控制台日志中,我看到以下错误消息:

有人可以告诉我为什么会显示此错误消息吗?

TypeError: $(...).dialog is not a function
$("#dialog_keywords").dialog('open').load("getKeywords.php");

Javascript代码:

<script>
    var $ad_keywords;
    var $totalkeywords = 0;
    $( "#dialog_keywords" ).dialog({
        autoOpen: false,
        width: 1160,
        height: 450,
        buttons: [
            {
                text: "Ok",
                click: function() {
                    var selected_keywords = new Array("");
                    var z = 0;
                    for(xxrow = 0; xxrow < $totalkeywords; xxrow++)
                    {
                        if($('#keyword_'+xxrow).hasClass("keywordHighlight2")){
                            selected_keywords[z] = $('#keyword_'+xxrow).html();
                            z++;
                        }
                    }
                    selected_keywords.sort()
                    $("#ad_keyword").val(selected_keywords);

                    $( this ).dialog( "close" );
                }
            },
            {
                text: "Cancel",
                click: function() {
                    $( this ).dialog( "close" );
                }
            }
        ]
    });

    var keywordinit = 0;
    $( "#ad_keyword" ).click(function( event ) {
        $ad_keywords = $("#ad_keyword").val().split(',');
        if(keywordinit == 0){
            keywordinit = 1;
            $('#dialog_keywords').css('overflow', 'hidden');
            $("#dialog_keywords").dialog('open').load("getKeywords.php");
        }
        else{
            $("#dialog_keywords").dialog('open');
        }
        event.preventDefault();
    });

</script>

更新

<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="http://code.jquery.com/ui/1.11.1/jquery-ui.min.js"></script>
<script src="include/function.js" type="text/javascript"></script>
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.1/themes/smoothness/jquery-ui.css">

0 个答案:

没有答案