javascript - bootstrap 3在jQuery select2上不显示工具提示

我使用select2插件设计我的选择框。现在，我需要在选择框顶部显示工具提示。

HTML：

<select class="selectD input-sm" name="newsoptions_amount" data-toggle="tooltip" data-placement="bottom" title="Gallery Cover">
    <option>1</option>
    <option>2</option>
    <option>3</option>
</select>
    <br><br><br>

    <a class="width24 thumbcheck" data-toggle="tooltip" data-placement="bottom" title="Gallery Cover" data-id="">test tooltip</a>

JS：

$(document).ready(function () {
    $(".selectD").select2({
        allowClear: true
    });
});
$("[data-toggle='tooltip']").tooltip();

/*
 * Add collapse and remove events to boxes
 */
$("[data-widget='collapse']").click(function () {
    //Find the box parent
    var box = $(this).parents(".box").first();
    //Find the body and the footer
    var bf = box.find(".box-body, .box-footer");
    if (!box.hasClass("collapsed-box")) {
        box.addClass("collapsed-box");
        bf.slideUp();
    } else {
        box.removeClass("collapsed-box");
        bf.slideDown();
    }
});

我在选择框中添加了data-toggle="tooltip" data-placement="bottom" title="Gallery Cover"，但未显示工具提示！

如何在选择框上显示工具提示顶部？

演示here

最佳答案

只需替换：

$("[data-toggle='tooltip']").tooltip();

用

$(".selectD").tooltip();

demo

关于javascript - bootstrap 3在jQuery select2上不显示工具提示，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/26160447/