Мобильный стиль jquery не применяется при обычном выборе

Question

Есть три кадра, во втором кадре я загрузил все необходимые файлы js и css, но выбор не стилизован. я добавил $('.change-theme-wrapper').trigger('create'); Это сделало стиль, но выбор не открывался. И это дает TypeError: r[0] не определено. Тот же HTML-код работает в другом кадре, но не в этом кадре. js библиотеки загружаются в head, а другие js библиотеки загружаются в body. Пожалуйста, помогите мне.

HTML:

<div class="change-theme-wrapper" data-role="fieldcontain"> 
                        <select data-theme="b" id="change_theme" data-native-menu="false" data-mini="true" data-icon="gear">
                            <option data-placeholder="true" value="">Change Theme</option>
                            <option value="b">Blue</option>
                            <option value="a">Black</option>
                            <option value="c">Silver</option>
                            <option value="d">Plain White</option>
                        </select>
                    </div>

Версия Javascript:

jquery-min v1.8.2 jquery-mobile v1.2.0

Answer 1

Вам нужно обновить меню выбора после его инициализации. Используйте этот код после выполнения триггера. Надеюсь, что это решит вашу проблему.

$('#change_theme').selectmenu('refresh');