Как запретить генерацию классов для указанного элемента в jquery?

Question

[tolanych]

Прикрутил к имеющейся странице jquery autocomplete.
Autocomplete работает, но вдобавок ещё портит моё родное меню с идентификатором "menu-base", добавляя к нему классы "ui-menu", "ui-widget" и т.д.

Для старого меню изменить идентификатор не предоставляется возможности (интеграция, мать её за ногу). Как указать jquery, чтобы он не трогал мой ul id="menu-base"?

Answer 1

[Евгений Петров]

Что значит портит? Он добавляет, а ваши родные атрибуты как были, так и остались.

Comments

[tolanych]

перекрывают эти классы мои родные атрибуты, стили подменяются jquer-евскими

[Евгений Петров]

@tolanych вы где-то косячите, потому что эти классы не добавляются к готовому коду, они относятся к создаваемому списку вариантов выбора.

[tolanych]

@Petroveg логически я понимаю, что они ДОЛЖНЫ относится только к списку. возможно и косячу, потому что взял готовый jquery пример и переделал под себя, первая попытка всё-таки

но по факту мой ul id="menu-base" изменился уже когда страница загрузилась: при просмотре исходного кода в браузере у него уже стоят добавленные классы. если изменяю ему имя id на другое, не начинающееся с menu, тогда всё нормально

[Евгений Петров]

@tolanych сделайте минимальный код и положите на jsfiddle или codepen. Самый маленький кусок.

Answer 2

[Andrey Bazykin]

Если я правильно понял проблему, то $.(".your_selector:not(#menu-base)").autocomplete();

Comments

[tolanych]

не помогло :(

Answer 3

[Виталий Киренков]

Ну вы же подключаете его к какому то инпуту, так задайте вызов конкретнее.
Не $(input).autocomplete(), а допустим $("input", ".header").autocomplete();

Comments

[tolanych]

по id инпута я его и вызываю, значит дело не в этом. меню подвязывается как-то иначе значит :|

[Виталий Киренков]

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

[tolanych]

отключил инициализацию - и да, классы все равно накидываются о_О

ссылку дать не могу, у сервера нет выхода во внешний интернет

[Виталий Киренков]

Ищите тогда какой плагин накидывает классы. И проверьте - не вписаны ли они собственноручно =))

[tolanych]

Накидывает он их в jquery.ui.autocomplete.js

в этом месте
$.widget("ui.menu", {
_create: function() {
var self = this;
this.element
.addClass("ui-menu ui-widget ui-widget-content ui-corner-all")
.attr({
role: "listbox",
"aria-activedescendant": "ui-active-menuitem"
})

но я js не знаю, поэтому понятия не имею, как оно вообще работает и почему он трогает мой "menu-base", и соответственно как ему запретить

[Виталий Киренков]

как вы делаете вызов(подключение)?

[Виталий Киренков]

и дайте хтмл элемента, на который подключаете.

[tolanych]

теги не проходят, скинул файлом

https://yadi.sk/d/2iVVdZJga72GD

[Виталий Киренков]

$( "#formx" ).val($("#ul").val(ui.item.id));
$( "#formx" ).val($("#type_ul").val(ui.item.t_ul));
У вас тут бред... Читайте внимательно документацию. Для подключения уи достаточно одного минифицированного файла.

[tolanych]

@DeLaVega т.е. как я понял все эти "autocomplete/development-bundle/ui/jquery.ui.core.js" и т.д. подключать не надо?

[Виталий Киренков]

там есть файл, заканчивающийся как то на jqueryui.custom.css и похожее на js - jqueryui.custom.js

[tolanych]

@DeLaVega в нем все файлы просто соединены в один. я его подключил, так код может и лучше, но проблемы это не решает.

в $( "#formx" ) пусть и бред, с этим разберусь попозже. ведь при удалении вызова функции autocomplete - классы к моему menu-base все равно добавляются. так что причина не в нём

[Виталий Киренков]

@tolanych Ну я вам об этом ранее и сказал =)) У вас по идее инициализация всех плагинов должна проходить в одном файле. Вот выключите всё, и поочерёдно включайте. Отловите какой именно плагин добавляет классы.

[tolanych]

@DeLaVega я не совсем понял, что имеется в виду под плагином?

классы добавляются при 2 подключенных файлах jquery.ui.widget.js и jquery.ui.autocomplete.js

в файле autocomplete
код добавления класса вот такой .addClass("ui-menu ui-widget ui-widget-content ui-corner-all")

это всё, на что хватает моего уровня "просветленности" :|

Answer 4

[tolanych]

проблема была в конфликте скриптов, в исходном документе в теге head еще подключался старый jquery-1.7.1.min.js