0

複数選択で少し問題がありました。日曜日から土曜日まで、複数の曜日を選択しました。私が受け取ったもの (それが 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 が仕事を終えた後に私が受け取るものは次のとおりです。

ここに画像の説明を入力

4

1 に答える 1

0

ドキュメントから:

jQuery Mobile を使用すると、ページ上の select 要素が自動的に強化され、mobiscroll の「select」プリセットと競合します。これを使用できるようにするには、「data-role="none"」属性を select 要素に設定して、jQuery Mobile 拡張を防止する必要があります。

于 2013-07-09T09:41:48.753 に答える