Select 2 个 bootstrap 弹出窗口

Question

我尝试在 select2 4.0.1 上设置 bootstrap 3.5 弹出窗口，但它似乎不起作用：

<input id="sampleInput" type="text" rel="popover" data-content="This is the body of Popover" data-original-title="Creativity Tuts" data-placement="auto" data-trigger="hover" />
<p/>
<select id="selectb" data-content="This is the body of Popover" data-original-title="Creativity Tuts" data-placement="auto" data-trigger="hover" data-container="body">
    <option>Please select ...</option>
    <option value="1">Select2</option>
    <option value="2">Chosen</option>
    <option value="4">selectize.js</option>
    <option value="6">typeahead.js</option>
</select>

js:

$(function () {
    $('#sampleInput').popover();
    $('#selectb').popover();
    $('#selectb').select2();
});

可在 http://jsfiddle.net/s4w1z09v/

找到样本

有什么意见吗？！

Answer 1

作为解决方法；你可以试试：

<input id="sampleInput" type="text" rel="popover" data-content="This is the body of Popover" data-original-title="Creativity Tuts" data-placement="auto" data-trigger="hover" />
<p/>
<span id="selectb-popover"
      data-content="This is the body of Popover"
      data-original-title="Creativity Tuts"
      data-placement="auto"
      data-trigger="hover"
      data-container="body">
    <select id="selectb">
        <option>Please select ...</option>
        <option value="1">Select2</option>
        <option value="2">Chosen</option>
        <option value="4">selectize.js</option>
        <option value="6">typeahead.js</option>
    </select>
</span>

并将您的 js 更新为：

$(function () {
    $('#sampleInput').popover();
    $('#selectb').select2();
    $('#selectb-popover').popover();
});