jquery - jquery selectMenu刷新不起作用

Question

我有一个我初始化的 selectMenu，稍后我想用一些数据填充它：

$.each(data, function (Key, Value) {
    $('#ddlReportFarms').append($("<option></option>")
    .attr("value", Value.ID)
    .text(Value.Name));
});                    
$('#ddlReportFarms').selectmenu('refresh', true);

由于某种原因，这不起作用，新项目不显示。如果我这样做而不是刷新：

$('#ddlReportFarms').selectmenu();

项目已显示，但当这种情况再次发生时，selectMenu 会自我复制（出现两次）并变得有问题..

任何人？谢谢伊格尔

Answer 1

您使用哪个版本的选择菜单？

我的 fork 没有刷新方法，但您的建议是正确的（也就是在已经初始化的 selectmenu 上使用 selectmenu() 来刷新它）。请参阅 wiki 了解更多信息：https ://github.com/fnagel/jquery-ui/wiki/Selectmenu

Answer 2

谢谢银河乔

当我按照您的建议编写它时，selectMenu 会自我复制，只是在运行刷新时创建另一个选择菜单的次数……令人沮丧。这是刷新后的 HTML：

<a id="ddlReportFarms-button" class="ui-selectmenu ui-widget ui-state-default ui-corner-all ui-selectmenu-dropdown" aria-owns="ddlReportFarms-menu" aria-haspopup="true" href="#" role="button" style="width: 198px;">
<span class="ui-selectmenu-status">Select Farm</span>
<span class="ui-selectmenu-icon ui-icon ui-icon-triangle-1-s"></span>
</a>
<a id="ddlReportFarms-button" class="ui-selectmenu ui-widget ui-state-default ui-selectmenu-dropdown ui-corner-all" aria-owns="ddlReportFarms-menu" aria-haspopup="true" href="#" role="button" style="width: 198px;">
<span class="ui-selectmenu-status">Select Farm</span>
<span class="ui-selectmenu-icon ui-icon ui-icon-triangle-1-s"></span>
</a>

Answer 3

我相信你必须这样做：

[... your other code...]
$('#ddlReportFarms').selectmenu({'refresh': true});