Вопрос по javascript, jquery – jQuery Выбранный плагин без поля поиска

30

Не уверен, было ли это где-то рассмотрено, но я не смог найти его в документации, и мне было интересно, можно ли было бы не включать поле ввода для поиска в плагин jQuery selected (используемый для стилизации элементов ввода). Конкретно, я бы хотел использовать стандартный вариант выбора без него.

http://harvesthq.github.com/chosen/

@matsr только что попробовал .. к сожалению, это не сработало: \ bob_cobb
Ответ Гуннарссона хорош:stackoverflow.com/a/13128429/1413049 Capy
Хорошо, тогда я не знаю. Сожалею! Удачи. matsr
Просто выстрел в темноте: вы пытались установитьdata-filter=false? matsr

Ваш Ответ

12   ответов
0

$('ul.chosen-choices li.search-field').hide();
62

AbstractChosen.prototype.set_default_values

переменная читается из

this.options.disable_search

Таким образом, вы можете отключить поле поиска с помощью

jQuery('select').chosen( {disable_search: true} );

без использования порога с фиксированным номером.

Error: User Rate Limit Exceeded
Error: User Rate Limit Exceeded
Error: User Rate Limit Exceeded
1

скольких выборок, похоже, не работает, я взломал selected.jquery.js в строке 577, чтобы:

<li class="search-field"><span class="placeholder">' + this.default_text + '</span></li>

(Span вместо поля ввода). Нужно также закомментировать эту строку

this.search_field[0].disabled = false;

Работает хорошо для меня - хотя это не лучшая практика, чтобы взломать код.

2

disable_search_threshold опция скрывает окно поиска для одиночных выпадающих списков. Переданное число указывает, сколько элементов вы хотите разрешить, прежде чем показывать окно поиска. Если вы не хотите использовать окно поиска, просто установите для него более высокое число, чем количество элементов, которые оно когда-либо будет содержать.

$('#myDropDown').
3

ск в выпадающем списке.

$(".chzn-select").chosen({
   disable_search: true
});

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

$(".chzn-select").chosen({
   disable_search_threshold: 5
});

оно будет скрывать окно поиска, если результаты меньше 5, лучше всего использовать с раскрывающимися списками полов. Есть еще один способ исправить это, и это;

$(".chzn-select").chosen();
$(".chzn-select").hide();

Вызовите hide сразу после инициализации, не знаете, почему этот трюк работает, но он делает то, что вы хотите!

Я предлагаю вам использовать последнюю версию, чтобы иметь доступ к последним опциям.

Надеюсь, это работает для вас!

2

jQuery('select').chosen( {disable_search: true} );

и не забудьте спрятать его, иначе он все равно будет работать на мобильном телефоне!

.chzn-search{display: none}
2
$('select').chosen( {disable_search: true} );
Error: User Rate Limit Exceeded
11

я попытался с документацией, и не повезло, так что я, наконец, решил это

$('.chzn-search').hide();

Я делаю выше, после того, как я звоню выбранным. Надеюсь это поможет

Error: User Rate Limit Exceeded
Error: User Rate Limit Exceeded
Error: User Rate Limit Exceeded bob_cobb
43
$(".chzn-select").chosen({disable_search_threshold: 3});

чем disable_search_threshold (здесь 2 и меньше), окно поиска не будет отображаться.

Error: User Rate Limit Exceeded
0
0

но на Chrome Profiler, метод search_field_scale был вызван в любом случае и съел много производительности.

Поэтому я удаляю метод и все вызовы к нему и заменяю this.search_field.css ({"width": "100%" на show_search_field_default и заменяю style = 25px на style: 100% и тогда this.search_field.css ({"width": "23px"}); Аргумент result_select из-за «заполнителя данных»

работает нормально для меня.

5

Я добавляю класс в мою таблицу стилей.

.chzn-select { display: none }

В качестве альтернативы для отдельных элементов я указываю элемент и добавляю_chzn нацелиться на это.

#element_chzn .chzn-select { display: none; }

Note that: selected преобразует дефисы в идентификаторах и классах ваших элементов в подчеркивания, поэтомуelement-id тебе нужно.

#element_id_chzn .chzn-select { display: none; }
Error: User Rate Limit Exceededdisable_searchError: User Rate Limit Exceeded

Похожие вопросы