将鼠标悬停在选择列表中的选项上

时间:2013-12-09 14:03:17

标签: jquery twitter-bootstrap select tooltip

我试图在<option>的{​​{1}}上悬停“{1}}时触发”bootstrap tooltiop“。

在FF中它按预期工作,但在Chrome中只有在添加了<select>的大小属性(?)并且在IE中根本不起作用时才有效。

有没有办法让它在没有“尺寸”的Chrome中运行?

这里是HTML:

<select>

JS:

<select class="ddl" size="4" data-toggle="tooltip">                         
    <option data-title="1" value="jedan" selected>jedan</option>
    <option data-title="2" value="dva"> dva </option>
    <option data-title="3" value="tri"> tri </option>
    <option data-title="4" value="cetri">cetri</option>
    <option data-title="5" value="pet">pet</option>
</select>

<select class="ddl" data-toggle="tooltip">                          
    <option data-title="1" value="jedan" selected>jedan</option>
    <option data-title="2" value="dva"> dva </option>
    <option data-title="3" value="tri"> tri </option>
    <option data-title="4" value="cetri">cetri</option>
    <option data-title="5" value="pet">pet</option>
</select>

DEMO

0 个答案:

没有答案