Javascript JQuery Mobile以编程方式创建selectmenu-样式设置消失

Javascript JQuery Mobile以编程方式创建selectmenu-样式设置消失,javascript,jquery-ui,jquery-mobile,select,Javascript,Jquery Ui,Jquery Mobile,Select,我使用jquerymobile1.4.5以编程方式创建了一个选择菜单。它可以工作,但是样式已经消失了。如果我执行$select.selectmenu(),样式就在那里,但是弹出窗口会全屏显示,而不是仅仅浮在select小部件上方 var $select = $("<select>"); $select.attr({ id: "selectThemes", "data-native-menu": false }); $.each(settings.themes,

我使用jquerymobile1.4.5以编程方式创建了一个选择菜单。它可以工作,但是样式已经消失了。如果我执行
$select.selectmenu()
,样式就在那里,但是弹出窗口会全屏显示,而不是仅仅浮在select小部件上方

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();
var$select=$(“”);
$select.attr({
id:“选择主题”,
“数据本机菜单”:false
});
$.each(设置.主题,函数(索引,主题){
var$选项=$(“”);
$option.attr(“value”,theme.theme).text(theme.Name).appendTo($select);
});
$(“#divOptions”).append($select);
$select.selectmenu();
出于测试目的,我还在HTML页面中创建了一个静态选择,并在
document.ready()
中调用了
$select.selectmenu()
,但是样式也丢失了


任何想法都将受到欢迎!:)

样式正确-选择菜单全屏显示,因为列表中有许多项。我没有意识到,因为右边的滚动条不见了。我启用了滚动,问题就解决了。

我刚刚测试了您的代码,它可以正常工作。您确定要包括jqm css文件并在文档就绪函数中运行代码吗?是的,我同时使用了jquery ui和jquery.mobile css文件。也已尝试删除浏览器缓存:(代码似乎有效:你能编辑JSFIDLE来重现你的问题吗?所以这个应用程序是一个C#项目。应用程序中还有另一个selectmenu,它工作正常,在aspx页面中有一个´´节点,选项用C#填充在代码中。我用JS编写了我的selectmenu,并将它放在一个´´节点中。这就是区别。我查看了DOM节点。)并发现JQuery创建了一个“数据角色=“对话框”'用于我的selectmenu。你知道我如何明确地告诉JQuery将选项显示为弹出窗口吗?哦,我发现了问题。这其实不是问题。样式正确-selectmenu全屏显示,因为列表上有许多项。我没有意识到,因为右侧的滚动条缺失。所以我想我只需要添加滚动条,问题就解决了。谢谢你的努力!