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

tooltip on hidden "select" element doesnt work

本文关键字：工具提示 不起作用 元素 选择 隐藏      更新时间：2023-09-26

我使用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：

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

如果 $("#wrapper input"(.bind(...(; 不起作用只是添加跨度 - $("#wrapper 跨度输入"(.bind(...(;

Tipsy是jQuery的免费工具提示插件

非常感谢@tpaksu的帮助！

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

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

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

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

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

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

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

$('element').combobox({
  appendTo: 'elementWithTitle'
});
相关文章：