在页面加载时将引导选择选项标记为选中

Question

我使用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");
        }
    });
});

Answer 1

虽然代码是正确的，但应用它所需的最后一条语句是：

$('.selectpicker').selectpicker('render');

这会强制选择列表刷新并应用上面的 jQuery 代码。