【问题标题】:Is it possible to attach a qtip2 tooltip to each option of an HTML select drop down?是否可以将 qtip2 工具提示附加到 HTML 选择下拉列表的每个选项?
【发布时间】:2013-11-30 10:04:34
【问题描述】:

使用浏览器的本机工具提示,我可以轻松地将工具提示附加到 SELECT 元素的每个选项。即,在以下示例中,当我将鼠标悬停在每个选项上时,我会得到相应的工具提示(“Option1”代表第一个等...):

<select  id='test_dd' name='options'>
    <option title='Option1' value='1' >Option1</option>
    <option title='Option2' value='2' >Option2</option>
    <option title='Option3' value='3' >Option3</option>
</select>

但如果我尝试使用 Qtip 执行此操作,例如通过将以下内容添加到我的 HTML 代码的底部:

<script type="text/javascript" src="javascript/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="javascript/jquery.qtip.min.js"></script>
<script type="text/javascript"> $('[title]').qtip(); </script>

我无法在选项旁边显示任何工具提示(qtip 已正确安装且路径正确 - 我得到工具提示以显示在此设置的其他元素上)。 阅读此链接http://craigsworks.com/projects/forums/showthread.php?tid=3630,似乎无法完成,除非您将默认 SELECT 元素更改为自定义元素?

【问题讨论】:

    标签: javascript jquery html qtip qtip2


    【解决方案1】:

    这是不可能的。某些浏览器,尤其是 IE,不会在 &lt;option&gt; 标签上注册事件。除了样式之外,这是创建许多 &lt;select&gt; 替换插件的另一个原因

    【讨论】:

    • 使用本机工具提示似乎是可能的(即使在 IE 中)
    • 那好吧……你为什么问这个问题?曾经尝试将鼠标事件绑定到 IE 中的 &lt;option&gt; 标签,或者在 IE 中隐藏 &lt;option&gt;?做不到……不支持。插件需要将事件绑定到标签
    • 我问是因为我想使用Qtip的附加功能。您的原始答案没有明确表明插件实现工具提示的方式存在问题(即它需要将事件绑定到标签),并暗示无法在 IE 上获取工具提示。你知道,回答问题时可以不带讨厌的态度。
    • 并没有刻意表现得讨厌...我的印象是你不喜欢被告知你似乎已经知道的事情。我在回答中解释了为什么无法完成
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2017-11-24
    • 1970-01-01
    • 2021-02-15
    • 1970-01-01
    • 1970-01-01
    • 2017-03-25
    • 1970-01-01
    相关资源
    最近更新 更多