Bootstrap工具提示显示模态MVC 5

Question

我无法让我的Bootstrap工具提示在我的模态中正确显示。

我有一个MVC站点，我有时会使用Ajax加载部分视图并在模态中显示它们。当用户单击该按钮时，我执行获取并使用Html更新模态正文。 我的代码包含我当前的测试，以使模态正确显示。

        $.ajax({
        url: url,
        type: 'GET',
        success: function (response) {
            $('#modal-Levering-body').html(response);

            var button = $('#UdleveringVHButton');
            button.attr('value', 'Found the button');
            button.tooltip({ container: '#modal-Levering-body' });
        }

我的按钮在我的视图中定义为

        <input type="button" id="UdleveringVHButton" value="Udlevering VH" class="btn btn-xs" title="Sæt alle varer til Udlevering Varehus"
           data-tooltip="yes" data-placement="top" />

当我点击“找到按钮”按钮时，这是结果

奇怪的是，当我在JSFiddle上尝试这个时，它运行得很好 http://jsfiddle.net/z6qqvycf/

我的调试受限，因为我不知道如何检查工具提示。 Chrome开发工具无法看到它。

我也看了Bootstrap tooltip showing behind modal window，但这并没有影响我的情况。

有关如何调试和修复此情况的任何建议？

修改

找到有关如何检查工具提示的指南：

Freeze screen in chrome debugger / DevTools panel for popover inspection?

EDIT2：

我发现我的工具提示与我的JSFiddler完全不同 JSFiddler

我的MVC设置

不知怎的，.tooltip函数在我的设置上生成的东西与我的JSFiddler完全不同。目前未知原因。

编辑3

发现.tooltip（）函数上的Bootstrap和JQUery UI之间存在冲突。 我最后加载了JQuery UI，所以赢了。

我改变了加载顺序，现在它按预期工作 jQueryUI Tooltips are competing with Twitter Bootstrap

Answer 1

我发现.tooltip（）函数上的Bootstrap和JQUery UI之间存在冲突。我最后加载了JQuery UI，所以它优先。

我颠倒了加载顺序并最后加载了Bootstrap JS文件，现在它按预期工作了。