我正在使用bootstrap-select来允许用户在下拉列表中选择多个选项。此jQuery代码标记在页面加载时选择的特定选项。页面加载时,将从代码中自动选择列表。
当我发布此页面时,我发现当页面源显示正确的jQuery代码时,下拉列表不会预先选择。我看到控制台日志没有错误。下面的页面来源显示了正确的"周"视图模型中的值。
我看不出代码有任何明显错误,令我感到困惑的是,某些东西可以在我的本地电脑上运行,但不能在已发布的网页上运行。还有什么我可以检查,因为没有错误被触发?
// this comes from the View Model -- this is correct
var weeks = [];
weeks.push("Quarter 1 Week 1: Aug 7 - Aug 11");
// mark selected items in week list
var weekList = $("#Weeks > option");
$.each(weekList, function (a1, a2) {
var $this = $(this);
$.each(weeks,function(b1, b2) {
if (a2.text === b2) {
$this.attr("selected", "selected");
}
});
});
答案 0 :(得分:2)
虽然代码是正确的,但应用它的最后一个声明是:
$('.selectpicker').selectpicker('render');
这会强制选择列表刷新并应用上面的jQuery代码。