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

从文档中：

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