javascript - 在文本字段中使用 mobiscroll 多选时出现奇怪的按钮

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 :

If you use jQuery Mobile, it automatically enhances the select element on the page, which conflicts with the mobiscroll 'select' preset. To be able to use it, 'data-role="none"' attribute must be set to the select element, to prevent jQuery Mobile enhancement.