Question

我正在进行自举下拉菜单和工具提示。

问题是这不能收集。当我在锚标记中放置工具提示和下拉切换时，只是工具提示正在工作下拉 - 切换当时不起作用这是代码无效：

<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>

这是我没有使用工具提示的总代码，只使用了dropdown-toggle。在这个下拉切换正在工作，但如前所述，如果我把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>

要解决此问题，我尝试在mouseover上使用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

stackoverflow已提供解决方案。甚至可以使用小提琴链接，希望它有帮助：）

Answer 2

尝试将您的超链接放入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>

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

2 个答案: