引导工具提示已禁用部分我的javascript

Question

因此，我正在经历一个让我发疯的问题。一旦我在标记上启用引导工具提示，我的自定义JavaScript就不会触发。如果我从标记中删除触发工具提示的引导代码，一切都会正常工作。JSFIDLE示例

工作示例（删除：data-toggle=工具提示数据放置=左标题=父标题文本。

<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

当您启用引导工具提示时，它会插入工具提示

。数据选项不再是。next（）元素，因此不存在匹配项。使用。下一个安装（）：

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

JSFIDLE