关闭单个选择的按钮不会显示

Question

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

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

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

  

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

这是我用来创建选择的代码，我把元素放在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();
        }   
    });
};

如果有人知道为什么没有出现选择的标题或者如何能够关闭窗口我会很感激。我留下最后一张照片，看看这个元素在平板电脑屏幕上是如何形成的：