我有一个选择框,其中的选项具有策略名称。我需要在选项的工具提示中显示策略的描述。我尝试了tipr插件,其中使用了数据提示选项。它适用于 div、span 等,但不适用于选择框选项。我也尝试了我在上面链接中附加的正常方法。这仅在下拉菜单默认打开时有效。
<div>
<h4>Default behaviours</h4>
<select>
<option title=""></option>
<option title="1">1</option>
<option title="2">2</option>
<option title="3">3</option>
<option title="4">4</option>
</select>
<select multiple>
<option title=""></option>
<option title="1">1</option>
<option title="2">2</option>
<option title="3">3</option>
<option title="4">4</option>
</select>
</div>
<div>
<h4 class='uitip' title='Tests with jQuery UI Tooltips applied'>jQuery UI tooltips</h4>
<select class='uitip' title='has tooltips'>
<option title=""></option>
<option title="1">1</option>
<option title="2">2</option>
<option title="3">3</option>
<option title="4">4</option>
</select>
<select multiple class='uitip' title='has tooltips'>
<option title=""></option>
<option title="1">1</option>
<option title="2">2</option>
<option title="3">3</option>
<option title="4">4</option>
</select>
</div>
Run Code Online (Sandbox Code Playgroud)
http://jsfiddle.net/slolife/Dp4te/
请问有什么建议吗?