Я разрабатываю веб-сайт с помощью combobox из пользовательского интерфейса jquery, все работает нормально. Но когда я попытался применить всплывающую подсказку к выбранному элементу, всплывающая подсказка не работает.
HTML:
<select id="combobox_courses" title="tooltip test text" style="display: none;">
Вся проблема в том, что cs jquery combobox переопределяет выбор отображения стиля css в скрытом и изменяет его с помощью чего-то вроде этого: <span class="ui-combobox"> <input class="ui-state-default ui-autocomplete-input ....
Я пытался использовать множество плагинов для всплывающих подсказок, и никто не мог решить эту проблему. Обычно все плагины всплывающих подсказок имеют такой синтаксис:
$("selector").anytooltip({settings});
Использование селектора классов, например .ui-combobox, тоже не работает.
Любые идеи, как решить эту проблему? Извините, я новичок в Jquery, и может быть вопрос простой, спасибо за вашу помощь...
РЕШЕНО!
так что если у кого-то есть такая проблема - js:
$(документ).готовый(функция(){
$('#wrapper').tipsy({ trigger: 'manual', gravity: 'n'}); $( "#combobox" ).combobox(); $("#wrapper input").bind("click", function() { $("#wrapper").tipsy('show'); }).bind("focusout",function(){ $("#wrapper").tipsy('hide'); }); });
где #wrapper является оболочкой исходного элемента выбора поля со списком:
<div class="ui-widget">
<div id="wrapper" title="test wrapper">
<label>Your preferred programming language: </label>
<select id="combobox">
<option value="">Select one...</option>
</select>
</div></div>
если $(#wrapper input).bind(...); не работает, просто добавьте диапазон - $(#wrapper span input).bind(...);
tipsy — бесплатный плагин всплывающих подсказок для jquery.
большое спасибо @tpaksu за помощь!