Javascript 隐藏的“选择”元素上的工具提示无效

Javascript 隐藏的“选择”元素上的工具提示无效,javascript,jquery,jquery-ui,combobox,tooltip,Javascript,Jquery,Jquery Ui,Combobox,Tooltip,我从jQueryUI使用combobox开发网站,一切正常。但当我尝试在选择元素上应用工具提示时,工具提示不起作用 html: 使用诸如.ui组合框之类的类选择器也不起作用 有没有办法解决这个问题? 对不起,我是Jquery的初学者,可能问题很简单,谢谢你们的帮助 解决了 所以如果有人有这个问题- js: $document.readyfunction{ $('#wrapper').tipsy({ trigger: 'manual', gravity: 'n'}); $( "#com

我从jQueryUI使用combobox开发网站,一切正常。但当我尝试在选择元素上应用工具提示时,工具提示不起作用

html:

使用诸如.ui组合框之类的类选择器也不起作用

有没有办法解决这个问题? 对不起,我是Jquery的初学者,可能问题很简单,谢谢你们的帮助

解决了

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

$document.readyfunction{

$('#wrapper').tipsy({ trigger: 'manual', gravity: 'n'});

$( "#combobox" ).combobox();
$("#wrapper input").bind("click", function() {
      $("#wrapper").tipsy('show');
}).bind("focusout",function(){
      $("#wrapper").tipsy('hide');
}); });
其中wrapper是原始组合框select元素的包装:

<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…;不起作用,只需添加span-$wrapper span input.bind

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

非常感谢@tpaksu的帮助


或者尝试获取span和who包装您的select并获取关于他的工具提示

您可以添加一些带有标题的包装器元素,并将ui组合框附加到此包装器

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

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

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

您正在尝试显示隐藏元素的工具提示??事实上是的。任务是显示jquery combobox的select元素的工具提示。缺点是jquery UI使用自己的代码跨度、输入等自动完成ovveride原始select元素,并实际隐藏初始元素:您可以在此处看到它-您是否尝试将工具提示添加到Containei中ng元素,例如P,DIV,而不是SELECT,它本身?正如我下面建议的Tpaksu所做的,但在我看来,它似乎不是灵活和粗糙的解决方案…但总比什么都没有好:谢谢你的回答,但这不起作用,cs jquery combobox插件覆盖原始html-并且显示属性对于这个插件正常工作来说应该是无的,请在我的网页上查看它我不能在这个选择器上绑定工具提示,它根本不起作用:谢谢你,这是有效的。但是稍微有点粗糙的解决方案…例如,cs我有两个带有输入的自动完成选择框,并且必须在第一个框上绑定focusout事件以在第二个框上显示工具提示,当焦点到达第二个框时,使用假组合框ox容器我无法正确执行此操作?您可以使用组合框事件,如$.selector.autocomplete{open:functionevent,ui{…};触发工具提示焦点。好主意,这可能会起作用:。在其他情况下,我想我应该重写combobox/autocomplete脚本,以更灵活的方式解决此问题?我认为,您可以主要处理事件。修改稳定的代码可能会破坏您看不到的其他内容。如您所说,尝试绑定一些事件,但没有成功,您能告诉我吗示例?试用-$document.readyfunction{$circipulation\u cb.combobox{focus:functionevent,ui{//tipTip;-tooltip script/$circipulation\u wrap.tipTip{maxWidth:auto,edgeOffset:10};};};};我做错了什么?
<select id="combobox_courses" title="tooltip test text" style="display: block;">
$('element').combobox({
  appendTo: 'elementWithTitle'
});
<div id="combo_container">
    <select id="combobox_courses" title="tooltip test text" style="display: none;">
</div>
$("#combo_container").anytootip({options});