jquery - 工具提示和下拉切换不能一起使用

Question

我正在开发 Bootstrap 下拉菜单和工具提示。

问题是这无法收集。当我将工具提示和下拉切换一起放在 anchor 标记中时，只有工具提示在工作，此时下拉切换不起作用这是不起作用的代码:

<a href="#" data-target="#" data-toggle="tooltip" data-placement="bottom" title="Your Application Detail" 
class="dropdown-toggle waves-effect waves-light" id="candidate_credit_status" data-toggle="dropdown" aria-expanded="true">

    <i class="md md-account-balance-wallet"></i> <span class="badge badge-xs badge-danger"></span>

</a>

这是我没有使用工具提示的全部代码，只使用了下拉切换。在此下拉切换中工作，但如前所述，如果我放置 tooptip，则只有工具提示工作。

<li class="dropdown top-menu-item-xs app_status">

<a href="#" data-target="#" title="Credit Detail" class="dropdown-toggle waves-effect waves-light" id="application_status" data-toggle="dropdown" aria-expanded="true">
    <i class="md md-account-balance-wallet"></i> <span class="badge badge-xs badge-danger"></span>
</a>

<ul class="dropdown-menu dropdown-menu-lg">
    // Dropdown Detail
</ul>

为了解决这个问题，我尝试在鼠标悬停时使用 jquery。但也没有工作。

$('.app_status').on('mouseover', function() {
    $(this).attr("data-toggle","tooltip");  
    $(this).attr("data-placement","bottom");
    $(this).attr("data-original-title","Credit Detail");    
    // Also tried this:
    //$('#application_status').tooltip();  but this is not working
});

为什么这对收集不起作用？

Answer 1

尝试将您的超链接放在一个 div 中并向该 div 添加工具提示(标题是工具提示)，例如:

<div title="Credit Detail" class="your_tooltip_class" >
    <a href="#" data-target="#" title="Credit Detail" class="dropdown-toggle waves-effect waves-light" id="application_status" data-toggle="dropdown" aria-expanded="true">
        <i class="md md-account-balance-wallet"></i> <span class="badge badge-xs badge-danger"></span>
    </a>
</div>