Question

所以这是我遇到的一个问题，这让我感到疯狂。只要在我的标签上启用Bootstrap工具提示，我就不会触发自定义JavaScript。如果我从标签中删除触发工具提示的Bootstrap代码，一切正常。 JSFiddle Example

工作示例（删除： data-toggle =“tooltip”data-placement =“left”title =“父标题文字。”，它会起作用）：

<li>
    <a class="toggle-data-options" data-toggle="tooltip" data-placement="left" title="Parent Title Text.">Parent 
        <span class="glyphicon glyphicon-chevron-right" aria-hidden="true" style="display: inline;"></span>
        <span class="glyphicon glyphicon-chevron-down" style="display:none;"></span>
    </a>    
        <div class="data-options" style="display: none">
            <a class="less-data-options" data-toggle="tooltip" data-placement="left" title="Child Item 1 Text">Child Item 1</a>    
            <a class="less-data-options" data-toggle="tooltip" data-placement="left" title="Child Item 2 Text">Child Item 2</a>
            <a class="less-data-options" data-toggle="tooltip" data-placement="left" title="Child Item 3 Text">Child Item 3</a>    
        </div>
</li>

Answer 1

启用引导工具提示后，会在<div>之后立即插入工具提示.toggle-data-options。

.data-options不再是.next()元素，因此没有匹配项。请改用.nextAll()：

$(document).ready(function () {
    $('.toggle-data-options').on('click', function () {
        $(this).nextAll('.data-options').toggle('fast');
        $(this).toggleClass("active");
        $(this).find('span').slideToggle(0);
    });
});

JSFiddle

Bootstrap工具提示已禁用我的部分JavaScript

1 个答案: