Question

我使用JQuery Mobile 1.4.5以编程方式创建一个选择菜单。它有效，但造型已经消失。如果我$select.selectmenu()，样式就在那里，但弹出窗口全屏显示，而不是仅浮动在选择小部件上方。

var $select = $("<select>");
$select.attr({
     id: "selectThemes",
     "data-native-menu": false
});

$.each(settings.themes, function (index, theme) {
    var $option = $("<option>");
    $option.attr("value", theme.Theme).text(theme.Name).appendTo($select);
});

$("#divOptions").append($select);
$select.selectmenu();

出于测试目的，我还在HTML页面中创建了静态选择，并在$select.selectmenu()中调用了document.ready()，但样式也缺失了。

任何想法都表示赞赏！：）

Answer 1

样式正确 - 选择菜单全屏显示，因为列表中有许多项目。我没有意识到这一点，因为右侧的滚动条缺失了。我启用了滚动功能，问题就解决了。

JQuery Mobile以编程方式创建selectmenu - 样式已经消失

1 个答案: