我正在尝试为我的Jquery Mobile 1.3.1应用程序构建一个Selectmenu。我想触发一个更改事件,根据从Selectmenu中选择的项目更新总计。
首先,我构建了我重复使用的选项列表:
var options = "<option value='NR'>Not Reached</option> ";
options += "<option value='ALT'>Alternate</option> ";
然后我构建一个将更新总计的回调
var selects = new Array();
//callback to update the totals on change
var changeCallback = function(event, ui) {
var totals = new Object();
selects.forEach(function(select) {
value = select.value;
total = totals.value;
if(total) {
++total;
totals.value = total;
}
else {
totals.value = 1;
}
})
_updateTotals(totals);
};
然后我循环构建选择框。这是我构建选择框并添加回调的地方:
var select = "<select name=" + selectName + " id=" + selectName + "> ";
select += options;
select += "</select>";
select.on( "change", changeCallback);
select = jQuery.parseHTML(select)[0];
selects.push(select);
问题是当绑定执行时,它会从循环跳转到返回,我假设它表示错误。