Question

我必须使用bootstrap 2。

我已经下降了。

<select class="populate payment_locations required span12  ng-valid ng-dirty" data-ng-model="payment.location_0" id="location_0" name="location[]" style="">
<option value="">Locations</option>
<option value="2">Texas Childrens Hospital</option>
</select>

bootstrap css＆amp; select2 js调用drop in div in div。

之后我点击了按钮，然后在div中添加了一些属性"data-placement": "top", "rel":"tooltip", "data-toggle": "tooltip", "data-trigger":"Click", "data-original-title": "Select Location"。

<div class="select2-container populate payment_locations required" id="s2id_location" data-placement="top" data-toggle="tooltip" data-trigger="Click" data-original-title="Select Location">
    <a class="select2-choice" onclick="return false;" href="#" tabindex="-1">
        <span>Locations</span>
        <abbr style="display:none;" class="select2-search-choice-close"></abbr>
    </a>
    <div class="select2-drop select2-with-searchbox select2-drop-active select2-offscreen" style="display: block;">
        <div class="select2-search">
            <input type="text" class="select2-input" autocomplete="off" tabindex="-1">
        </div>
        <ul class="select2-results"></ul>
    </div>
    <label class="error valid"><i class="glyphicon-remove"></i></label>
</div>

$( ".payment_locations" ).click(function() {
    $(this).find("div.select2-container")
    .attr({ "data-placement": "top", "rel":"tooltip", "data-toggle": "tooltip", "data-trigger":"Click", "data-original-title": "Select Location" })
    .tooltip('show');


    setTimeout(function() {
      $(".select2-container").tooltip('show');
    }, 10);
});

和工具提示出现在下拉列表的顶部，鼠标悬停时也会出现，并在鼠标移出后消失。

上面的功能工作正常，但我希望在下拉菜单点击事件后隐藏工具提示。

我已准备就绪＆＃34;数据触发＆＃34;：＆＃34;点击＆＃34;单击按钮后在div中。

我想在下拉菜单点击事件后隐藏工具提示。请帮忙

如何在点击事件后隐藏bootstrap 2工具提示

0 个答案: