使用带文本字段的mobiscroll multi select时出现奇怪的按钮

Question

我在多选中遇到了一些问题。我做了一周中多天的选择：从周日到周六。 我收到的内容（我不知道是不是因为Mobiscroll或jQuery-Mobile）是一个字段，正是我想要的，以及一个不需要的jQuery-Mobile外观按钮。这个不需要的按钮显示我在该字段中选择的相同日期：

我试图摆脱$（“＃daysTd d i v：last-child”）按钮.hide（）;但它是非常丑陋的代码，并没有帮助，因为按钮只是稍后制作。 （按钮在加载整个文档后生成）。

我的代码如下：

$('#daysSelect').mobiscroll().select({


​​  theme: 'jqm',
​​  display: 'modal',
    animate: 'fade',
    mode: 'scroller',
    inputClass: 'i-txt',
    width: 200
});

---

<td id="daysTd">
    <select name="Days" id="daysSelect" class="f-dd" multiple>
        <option value="1">Sunday</option>
        <option value="2">Monday</option>
        <option value="3">Tuesday</option>
        <option value="4">Wednesday</option>
        <option value="5">Thursday</option>
        <option value="6">Friday</option>
        <option value="7">Saturday</option>
    </select>
</td>

---

Mobiscroll完成工作后收到的是：

Answer 1

来自documentation：

  

如果您使用jQuery Mobile，它会自动增强页面上的select元素，这与mobiscroll'select'预设相冲突。为了能够使用它，必须将'data-role =“none”'属性设置为select元素，以防止jQuery Mobile增强。