我的表单中存在名为“ 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">