Странная кнопка, появляющаяся при использовании мультиселектора mobiscroll с текстовым полем

У меня была небольшая проблема с множественным выбором. Я сделал мультивыбор дней недели: с воскресенья по субботу. То, что я получаю (я не знаю, из-за 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 выполнил свою работу:

введите здесь описание изображения


person byteSlayer    schedule 08.07.2013    source источник


Ответы (1)


Из документации:

Если вы используете jQuery Mobile, он автоматически улучшает элемент выбора на странице, что противоречит предустановке mobiscroll «выбрать». Чтобы иметь возможность использовать его, атрибут 'data-role="none"' должен быть установлен для элемента select, чтобы предотвратить улучшение jQuery Mobile.

person istvan.halmen    schedule 09.07.2013