标题可能会让这个问题看起来比实际更简单。首先,我对jQuery的了解,熟悉程度和技巧水平最多也不稳定,所以我很可能只是试图用一种愚蠢的方式去做某件事,而这只会让一个noob变得有意义。将一个变量传递给一个函数
我有一个基于外部数据构建一堆文本字段的php生成页面。这些字段将被转换为一种混合jQuery UI自动完成/组合框(如组合框,但允许自由文本)。我试图将.click(function(...))分配给下拉按钮时卡住了,我相信它必须处理这一事实,即我正在执行jQuery以通过for循环转换所有文本字段并且var i没有正确传递到.click函数中。
以下是完整的测试页面,我的工作(几乎所有的HTML和JS数组将通过PHP中生成):
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link type="text/css" href="../includes/css/redmond/jquery-ui-1.8.11.custom.css" rel="stylesheet" />
<script type="text/javascript" src="../includes/jquery-1.5.js"></script>
<script type="text/javascript" src="../includes/jquery-ui-1.8.10.custom.min.js"></script>
<style>
.ui-button { margin-left: -1px;width:18px; }
.ui-button-icon-only .ui-button-text { padding: 0; }
button.ui-button-icon-only {width:18px;height:21px;}
.ui-autocomplete-input { margin: 0; padding: 0; }
</style>
</head>
<body>
<form method="post" action="results.php">
<input class="TC_1" type="text" name="TC_1_1" value="E02_04" />
<script>
var availableTags = [['test1','test2','test3']];
</script>
<br/>
<input class="TC_1" type="text" name="TC_2_1" />
<script>
availableTags.push (['test5','test7','test9']);
</script>
<input type="submit" />
</form>
<script type='text/javascript'>
//<![CDATA[
var input = new Array();
var i = 1;
$('.TC_1').each(function(index) {
input[i] = $("[name=TC_"+i+"_1]").autocomplete({
source: availableTags[i-1],
select: function(){alert("selected");},
minLength: 0
}).addClass("ui-widget ui-widget-content ui-corner-left");
$("<button type='button'> </button>")
.attr("tabIndex", -1)
.attr("title", "Show All Items")
.insertAfter(input[i])
.button({
icons: {
primary: "ui-icon-triangle-1-s"
},
text: false
})
.removeClass("ui-corner-all")
.addClass("ui-corner-right ui-button-icon")
.click(function() {
var $input = $(this).before();
if ($input.autocomplete("widget").is(":visible")) {
$input.autocomplete("close");
return;
}
$(this).blur();
$input.autocomplete("search", "");
$input.focus();
});
i++;
});
//]]>
</script>
</body>
</html>
任何帮助将不胜感激。
编辑:对不起,我忘了补充一点,我得到 “错误:输入[i]是未定义 行:62”
你能更具体地说明问题是什么吗? – 2011-05-02 22:48:04
您必须创建闭包才能使用i的正确值。 [Here](http://robertnyman.com/2008/10/09/explaining-javascript-scope-and-closures/)你可以在“臭名昭着的循环问题”部分找到有关闭包的信息 – 2011-05-02 22:51:16
顺便说一下,你有'来自'each'函数的索引变量。用它代替'i'变量。当然,你可以把它改成'i'。如果你这样做了,不要忘记删除最后一个增量,每个函数都会为你做。 – 2011-05-02 22:56:00