Как добавить плагин jqueryui selectmenu на мою страницу? - PullRequest
Новая
       28

Как добавить плагин jqueryui selectmenu на мою страницу?

2 голосов
/ 11 ноября 2010

Я пытаюсь добавить плагин selectmenu jqueryui на свою страницу. Я пошел на https://github.com/fnagel/jquery-ui и скопировал файл jquery.ui.selectmenu.js из папки пользовательского интерфейса. Затем я включил ссылку на этот javascript со своей страницы. У меня установлена ​​свежая установка jquery и jqueryui, и другие функции в порядке, но когда я добавляю $('select').selectmenu(); на свою страницу, я получаю ужасный беспорядок. Все новые меню выбора добавляются в конец страницы вместо замены выбора.

Есть ли шаг, который я пропустил?

Ниже приведен HTML-код со страницы, на которой показаны файлы, на которые я ссылался. Насколько я понимаю, файлы custom.css и custom.min.js должны содержать все скрипты и таблицы стилей, которые мне нужны. Это неправильно? 

<link href="/stylesheets/jquery-ui-1.8.6.custom.css?1289473366" media="screen" rel="stylesheet" type="text/css" />
<script src="/javascripts/jquery-1.4.2.min.js?1288662624" type="text/javascript"></script>
<script src="/javascripts/jquery-ui-1.8.6.custom.min.js?1289401432" type="text/javascript"></script>
<script src="/javascripts/jquery.ui.selectmenu.js?1289469657" type="text/javascript"></script>

Элемент выбора даты, который у меня есть на моей странице, отображается с соответствующим приложением css.

Ответы [ 3 ]

2 голосов
/ 11 ноября 2010

Из того, что я вижу, вы используете версию selectmenu с пользовательским интерфейсом fork jQuery, и вам нужны соответствующие стили, чтобы получить ожидаемые результаты, как заметил @brad в первую очередь.

Добавление только

jquery-ui-1.8.6.custom.css

, так как ссылка не решит ваши конкретные требования выбора, вам нужно добавить еще одну ссылку css, которая будет содержатьправила оформления элементов selectmenu.

1 голос
/ 27 июля 2012

В файле jquery.ui.selectmenu.js есть небольшая проблема.

Один div добавляется в конец тела вместо того, чтобы вставляться после элемента select. Так что, если у вас есть только один выбор, он работает нормально. Если вы хотите добавить несколько вариантов выбора, вам нужно изменить плагин с: 

...
this.listWrap = $( "<div />", {
        'class': self.widgetBaseClass + '-menu'
    }).append( this.list ).appendTo( o.appendTo );
...

до: 

...
this.listWrap = $( "<div />", {
        'class': self.widgetBaseClass + '-menu'
    }).append( this.list ).insertAfter( this.element );
....
1 голос
/ 11 ноября 2010

Тот факт, что selectmenu () не вызывает ошибку, показывает, что плагин загружен правильно.Неправильный дисплей может быть вызван отсутствием файлов CSS.Вы включили все необходимые файлы CSS из папки тем или пользовательского интерфейса jquery?

...