Javascript 引导选择：选项不显示在下拉列表中

我正在使用ASP.NETMVC和引导。我有两个下拉列表，我使用引导选择来匹配主题。问题是，如果我单击下拉列表，它不会显示其内容。但是，如果在聚焦时按下向下（或向上）键，它将显示下拉列表的内容

剃刀：

<div class="form-group">
    @Html.LabelFor(m => m.Profession, new { @class = "col-md-2 control-label" })
    <div class="col-md-10">
        @Html.DropDownListFor(m => m.Profession, new SelectList(Enum.GetValues(typeof(Profession))),
                "Select Profession", new { @class = "selectpicker" })
    </div>
</div>

@LabelFor（m=>m.Profession，新的{@class=“col-md-2控制标签”}）
@DropDownListFor（m=>m.Profession，新选择列表（Enum.GetValues（typeof（Profession））），
“选择职业”，新建{@class=“selectpicker”}）

Javascript:

<script type="text/javascript">
    $(document).ready(function () {
    $('select').selectpicker();
    });
</script>`

$（文档）.ready（函数（）{
$（'select'）.selectpicker（）；
});
`

---

有什么想法吗？我在这个问题上纠缠了太久：-）

如果我正确理解引导选择文档，那么您只需将类

选择器选择器添加到下拉列表中即可。您可能根本不需要documentready语句。只需删除整个脚本块，看看是否修复了它…您可能会初始化它两次，然后用软管冲洗

另一个选项是删除类并保留文档就绪声明。
您能发布selectpicker（）的代码吗？！