Autocomplete - как заменить ul на div
Здравствуйте! Есть стандартный шаблон jQuery Autocomplete c такой структурой подсказок в поиске: ul -> li, но не могу понять, как изменить ul на div. Указал часть кода, где генерируется сам шаблон, но тут нельзя поменять тег ul на другой. При необходимости могу скинуть весь код. Подскажите, пожалуйста, как это сделать, может кто сталкивался?
.data("ui-autocomplete")._renderItem =
function (ul, item) {
return $('<li>')
.data("item.autocomplete", item)
.addClass("mse2-ac-wrapper")
.append($("<div>").addClass('mse2-ac-link').html(item.label))
//.append("<a class=\"mse2-ac-link\">" + item.label + "</a>")
.appendTo(ul);
};
Комментарии: 5
А если не секрет, зачем это нужно сделать?
Проект требует такой структуры для удобства адаптивной верстки и дальнейшего сопровождения. У Вас есть идея, как это можно сделать?)
Как поменять тэги идей нет, но мне кажется проблему можно решить средствами CSS.
Согласен, можно добавить классов и стилей, но проект на Bootstrap, необходимо придерживаться семантики. Спасибо
С точки зрения семантики всё как раз верно, это список, вот он и размечен соответствующим образом, а вы хотите впихнуть туда семантики абсолютно нейтральный тэг div. Впрочем, дело ваше.
Авторизуйтесь или зарегистрируйтесь, чтобы оставлять комментарии.