我有一个简单的web应用程序,在其中我创建了一个向导,每个向导页面都包含不同的表单字段,这些字段是从数据库填充的,当用户按下下一步时,页面数据将使用ajax调用从服务器检索。下面是根据ajax调用从服务器检索的页面代码。我只是想让你明白…
function printAdAlertWizardStep($step)
{
switch($step)
{
case 1: //step of wizard, first step
print "Welcome to alert wizard,...";
break;
case 2: //second step of wizard which contains the text field to which I want to attach autocomplete list.
?>
<table>
<tr>
<td>Keywords</td>
<td><!-- This is text field to which I want to attach autocomplete -->
<input id="nalertkw" name="nalertkw" size="10" type="text">
</td>
</tr>
</table>
<?php
break;
}
}
}
用于将autocomplete附加到关键字文本字段的java脚本代码是
//Script will be executed when the page is ready for scripting
$(document).ready(function() {
var availableTags = [
"ActionScript",
"AppleScript",
"Asp",
"BASIC",
"C",
"C++",
"Clojure",
"COBOL",
"ColdFusion",
"Erlang",
"Fortran",
"Groovy",
"Haskell",
"Java",
"JavaScript",
"Lisp",
"Perl",
"PHP",
"Python",
"Ruby",
"Scala",
"Scheme"
];
$( "#nalertkw" ).autocomplete({
source: availableTags
});
});
现在的问题是,在用户按下NEXT后加载表单,当
$(document).ready()
文本字段不存在时,#nalertkw
函数已经启动。所以自动完成功能不起作用。我正在使用Jquery-UI Autocomplete,如何将自动完成功能附加到通过ajax调用加载的文本字段?编辑:此外,我已经在一个简单的页面(没有ajax调用)上测试了我的设置,使用text field并以同样的方式将自动完成功能附加到该文本字段。它工作得非常好。它确认自动完成设置是正确的,但是当附加到通过ajax调用检索到的文本字段时,它不起作用。
最佳答案
尝试在ajax调用中钩住事件:成功处理程序,如下所示,
$.ajax({
url: "page.aspx/FetchEmailList",
data: "{ 'mail': '" + request.term + "' }",
dataType: "json",
type: "POST",
contentType: "application/json; charset=utf-8",
dataFilter: function (data) { return data; },
success: function (data) {
$( "#nalertkw" ).autocomplete({
source: availableTags
});
}
}))
}
});