Я работаю над проектом Django, где я также использую Bootstrap и Select2.
У меня есть это html: < /p>
{% load i18n %}
{% trans 'Alege TVA' %}
{% for vat_rate in vat_rates %}
{{ vat_rate.text_tooltip }}
{{ vat_rate.full_name }}
{% endfor %}
< /code>
и это в JavaScript: < /p>
$('#id_vat_value').select2({
placeholder: gettext("Alege TVA"),
escapeMarkup: function (m) { return m; },
matcher: function (params, data) { return TrimSpacesSelect2(params, data); },
})
< /code>
Есть ли способ добавить подсказку к элементам select2 li? Не думаю, что это действительно хорошо, прямо сейчас он показывает подсказку, но я не знаю, является ли это лучшим выбором. < /p>
.on('select2:open', function () {
setTimeout(function () {
$('.select2-results__option').each(function () {
var $option = $(this);
var optionId = $option.attr('id');
var originalOption = $('#id_vat_value option').filter(function () {
return $(this).val() === optionId.split('-').pop();
});
var tooltip = originalOption.attr('data-original-title');
if (tooltip) {
$option.attr('title', tooltip);
$option.attr('data-toggle', 'tooltip');
}
});
$('[data-toggle="tooltip"]').tooltip({
delay: {show: 500, hide: 0},
trigger: "hover"
});
}, 100);
});
Подробнее здесь: https://stackoverflow.com/questions/794 ... 2-li-items