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

Question

我使用 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

Answer 1

只需替换:

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

与

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

demo