Question

我使用jquery UI中的combobox开发网站，一切正常。但是当我尝试在“select”元素上应用工具提示时，工具提示不起作用。

HTML：

<select id="combobox_courses" title="tooltip test text" style="display: none;">

所有问题都是cs jquery组合框覆盖“选择”css样式显示在“隐藏”上并用smth改变它： <span class="ui-combobox"> <input class="ui-state-default ui-autocomplete-input ....

我尝试使用了很多工具提示插件，没有人可以解决这个问题。通常所有工具提示插件都具有以下语法：

$("selector").anytooltip({settings});

使用像.ui-combobox这样的类选择器也不行。

任何想法如何解决这个问题？对不起我是Jquery的初学者，问题很简单，谢谢你的帮助...

解决！

所以如果有人有这个问题 - js：

$（document）.ready（function（）{

$('#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>

if $（“＃wrapper input”）。bind（...）;不起作用只是添加span - $（“＃wrapper span input”）。bind（...）;

tipsy 是jquery的免费工具提示插件

非常感谢@tpaksu的帮助！

Answer 1

<select id="combobox_courses" title="tooltip test text" style="display: block;">

或者尝试获得一个跨度以及谁包装你的选择并获取工具提示

Answer 2

您可以添加一些带有标题的包装元素，并将ui-combobox附加到此包装器。

$('element').combobox({
  appendTo: 'elementWithTitle'
});

Answer 3

您可以使用另一个容器包装此元素，并将工具提示设置为该元素，如下所示：

<div id="combo_container">
    <select id="combobox_courses" title="tooltip test text" style="display: none;">
</div>

然后，您可以定义该容器元素的工具提示：

$("#combo_container").anytootip({options});

隐藏的“选择”元素上的工具提示不起作用

3 个答案: