【问题标题】:Tooltip not showing up in Safari 5.1.7Safari 5.1.7 中未显示工具提示
【发布时间】:2014-08-18 02:48:54
【问题描述】:

我使用title 属性在select 中显示option 的工具提示,如下代码所示:

<select>
    <option title="Hello 1">
        Hello 1
    </option>
    <option title="Hello 2">
        Hello 2
    </option>
<select>

但工具提示在 Chrome 和 Firefox 中有效,但在 Safari 5.1.7 中无效。任何人都知道如何解决此问题或解决此问题。这是DEMO

注意:我不能在 select 上使用 mutiple="multiple" 属性

【问题讨论】:

  • 我在演示中找不到任何工具提示
  • @Kamlesh Arya 关于下拉选项
  • 失望的选民愿意发表评论吗?

标签: javascript jquery html css safari


【解决方案1】:

试试这个

$(document).ready(function () {
    $('select option').each(function () {
        $(this).attr({ 'title': $(this).html() });
    });
});

查看演示http://jsfiddle.net/vkwBR/1/

【讨论】:

  • 问题是问如何让标题属性呈现为工具提示,而不是如何用选项元素内的文本覆盖标题属性。
猜你喜欢
  • 2013-10-20
  • 1970-01-01
  • 2011-01-04
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多