Как использовать пользовательские меню выбора в JQuery? - PullRequest
Новая
       29

Как использовать пользовательские меню выбора в JQuery?

0 голосов
/ 30 декабря 2011

Я видел некоторые прекрасные меню выбора , по-видимому, сгенерированные с помощью JQuery со следующим скриптом: 

<div data-role="fieldcontain">
<label for="select-choice-1" class="select">Choose shipping method:</label>
<select name="select-choice-1" id="select-choice-1">
    <option value="standard">Standard: 7 day</option>
    <option value="rush">Rush: 3 days</option>
    <option value="express">Express: next day</option>
    <option value="overnight">Overnight</option>
</select>

Когда я попробовал сценарий, он просто создал меню выбора по умолчанию без пользовательского стиля JQuery. Я полагаю, это имеет смысл, но как мне указать, что я хочу, чтобы приведенный выше код использовал пользовательский стиль, который я нашел в приведенной выше ссылке?

Примечание: в конечном итоге я хочу, чтобы мое программное обеспечение стало мобильным, но я не думаю, что на самом деле сейчас использую JQuery Mobile; Возможно, я только что импортировал стандартный пользовательский интерфейс JQuery, который может включать или не включать пользовательский стиль для всего, что я знаю. Я также посмотрел на другие связанные вопросы, но не понял ответов.

Ответы [ 2 ]

1 голос
/ 30 декабря 2011

Вы заявляете, что не включаете jQuery Mobile, а это значит, что для вас нет удивительных меню выбора! Вам не нужно программно создавать стиль-меню выбора, jQuery Mobile сделает это автоматически, если вы включите файлы jQuery Mobile.

Файлы JS и CSS для jQuery Mobile должны быть включены в ваши страницы: 

<link href="http://code.jquery.com/mobile/latest/jquery.mobile.min.css" rel="stylesheet" type="text/css" />
<script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
<script src="http://code.jquery.com/mobile/latest/jquery.mobile.min.js"></script>

Источник: http://jquerymobile.com/download/

Обратите внимание, что jQuery Mobile и jQuery UI - это совершенно разные библиотеки; хотя для них обоих требуется ядро ​​jQuery.

0 голосов
/ 30 декабря 2011

Есть несколько причин, по которым ваши списки выбора могут не стилизоваться библиотекой jquery.Во-первых, убедитесь, что все библиотеки jquery загружены - проверьте с помощью firebug http://getfirebug.com/ - или инспектора Google Chrome.Убедитесь, что вы загрузили css из вышеприведенной демонстрации.

Единственное, что может вызвать проблему - если эти элементы html определены до того, как jquery имеет к ним доступ, тогда скрипт не сможетнайти их.Обязательно поместите код JavaScript в $ (function () {(ваш javascript)});или поместите его внизу страницы, прямо перед закрывающим тегом body.

Будет полезно, если вы разместите то, что у вас есть, либо на временном сайте, либо на http://jsfiddle.net/ - трудно сказать, чтоидет не так, немного больше информации.

...