Используя простой Javascript, легко скрыть опцию select-menu с помощью скрытого атрибута HTML5. Но когда я хочу стилизовать меню выбора с помощью jQuery-UI, скрытый атрибут игнорируется. Например, определить два выберите меню:jQuery-UI не распознает скрытый атрибут HTML5
<select id="one">
<option>option 1</option>
<option>option 2</option>
<option hidden>hidden option</option>
<option>option 4</option>
</select>
<select id="two">
<option>option 1</option>
<option>option 2</option>
<option hidden>hidden option</option>
<option>option 4</option>
</select>
Вот Javascript/JQuery:
$(function(){
$('#one').selectmenu();
});
При запуске этого примера, третий элемент скрыт во втором selectmenu, но не в первой. Кажется, что jQuery-UI отключил скрытый атрибут. См
для живого примера. Я что-то делаю неправильно или есть ошибка в jQuery-UI?
В этой скрипте нет элемента 'option' с атрибутом' hidden'. (Но если я [обновляю его, чтобы иметь его] (http://jsfiddle.net/xa4219ya/2/), пользовательский интерфейс jQuery по-прежнему, похоже, не уважает его [по крайней мере, не в этой обновленной скрипке, используя Chrome].) –
Полное содержание вашего вопроса должно быть ** в ** ваш вопрос, а не только связанный. Ссылки гниль, что делает вопрос и его ответы бесполезными для людей в будущем, и людям не нужно уходить с сайта, чтобы помочь вам. Положите [mcve] ** в ** вопрос, в идеале используя Stack Snippets (кнопка панели инструментов <> '), чтобы сделать его выполнимым. –
Почему бы вам не использовать класс css? – Oyeme