0

我使用来自 jquery UI 的组合框开发网站，一切正常。但是当我尝试在“选择”元素上应用工具提示时，工具提示不起作用。

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：

$(文档).ready(函数(){

$('#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 的帮助！

4

3 回答 3

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

或尝试获得一个跨度并包装您的选择并获得他的工具提示

于 2012-05-16T22:53:17.620 回答
0

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

$('element').combobox({
  appendTo: 'elementWithTitle'
});
于 2012-05-16T23:21:53.230 回答
0

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

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

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

$("#combo_container").anytootip({options});
于 2012-05-16T23:32:01.693 回答