javascript - 关闭单个选择的按钮不会出现

Question

目前，我已经为平板电脑使用的带有 HTML、Javascript 和 jQuery 的应用程序开发了一个选择。为了让它更漂亮，我使用了这个属性：data-native-menu = "false"为了应用一些 CSS 样式。我得到的主要问题是，当我在某个页面中阅读的选项列表很长而不是显示在同一页面上时，它会出现在新页面上。

通常它应该在选择标题的标题旁边出现一个关闭按钮，但我没有看到任何内容，直接显示选项，无法关闭选择。但是，我已经使用 chrome 开发人员工具对其进行了研究，我注意到标题的元素与其关闭按钮一起，但在屏幕上它并没有看起来好像选项停留在标题上方。

我在某些页面中阅读了以下想法，但即使我为选择添加了标签，它仍然没有出现：

当在设备屏幕上显示的选项太多时，框架将自动创建一个新的对话框样式页面，其中填充了选项的标准列表视图。这允许我们使用设备中包含的本机滚动来移动长列表。标签内的文本用作此页面的标题。请注意将为此生成的页面触发的页面和页面容器事件。

这是我用来创建选择的代码，我将元素放在 html 中，然后从 javascript 我从数据库加载一系列选项：

<div id="menu_desplegable" class="ui-content ui-field-contain desplegable" style="padding: 0px !important;">
     <label for="menu_desplegable">l.LABEL_SELECT_MOTIVO:</label>
     <select name="menu_desplegable" id="desplegable_opciones" data-native-menu="false" data-theme="b"></select>
</div>

var createListMotivos = function(idDesplegable, selected) {

    var content = "";
    bbdd.read(CONSTANTES.getBBDD("DESPLEGABLE_MOTIVOS"), function(motivo) {
        content += "<option value=" + motivo.value.ZCODIGO + ">" + motivo.value.ZDESCRIPCION + "</option>"; //ID_MOTIVO
    }, function() {        
        $("#" + idDesplegable).empty().append(content);
        $("#" + idDesplegable).selectmenu().selectmenu("refresh");
        if(selected != "" && selected != undefined){
            $("#desplegable_opciones").val(selected).change();
        }   
    });
};

如果有人知道为什么选择的标题没有出现或如何能够关闭窗口，我将不胜感激。我留下最后一张照片，看看该元素在平板电脑屏幕上的表现如何：

标签： javascriptjqueryhtmldrop-down-menu