Question

我正在尝试设置bootstrap选择控件的工具提示，但仍然找不到方法。

我的场景是我选择没有标签的控件（因为页面设计）。因此，无论选择何种项目，当用户悬停在该项目上时，我都希望显示＆＃34;库存项目＆＃34; （我的选择控件的标签）。

我尝试设置选项的title属性，但是设置了项目的文本而不是chaging。 Bootstrap选择插件渲染选项作为我认为的按钮，我不知道如何设置它们。

Here is my "Fiddle" http://jsfiddle.net/tslin306/u2gaorLu/

仅供参考：由于要求，我不能使用bootstrap工具提示。

请指教，先谢谢

Answer 1

请包括bootstrap-tooltip.js

之后请在您的页面中使用以下Javascript

$(document).ready(function () {
    $("#ddlPostCircle").tooltip({
        placement: 'right' /*Whatever you like*/
    });
});

这是一个working example＆lt; - 感谢praveen这个小提琴

Answer 2

如果您想要'库存商品'作为工具提示，请指定总选项的大小，在您的小提琴中添加size="4"

<div style='padding:20px'>
    <select id="ddlPostCircle" class="selectpicker show-menu-arrow" data-width="150px"title="inventory items" size="4">
        <option value='1'>Item 1</option>
        <option value='2' >Item 2</option>
        <option value='3'>Item 3</option>
        <option value='4'>Item 4</option>
    </select>
</div>

如何设置Bootstrap Select插件的工具提示？

2 个答案: