如何解决 DevExpress MVC 和 Bootstrap 之间的工具提示和弹出窗口冲突？

Question

当我使用以下代码时出现此错误； "Uncaught TypeError: $(...).tooltip is not a function"

$(function () {
    $('[data-toggle="tooltip"]').tooltip();
})

我删除了 DevExpress javascripts 进行检查，它有效；

@Html.DevExpress().GetScripts(
new Script { ExtensionSuite = ExtensionSuite.NavigationAndLayout },
new Script { ExtensionSuite = ExtensionSuite.HtmlEditor },
new Script { ExtensionSuite = ExtensionSuite.GridView },
new Script { ExtensionSuite = ExtensionSuite.PivotGrid },
new Script { ExtensionSuite = ExtensionSuite.Editors },
new Script { ExtensionSuite = ExtensionSuite.Chart },
new Script { ExtensionSuite = ExtensionSuite.Report },
new Script { ExtensionSuite = ExtensionSuite.Scheduler },
new Script { ExtensionSuite = ExtensionSuite.TreeList },
new Script { ExtensionSuite = ExtensionSuite.Spreadsheet },
new Script { ExtensionSuite = ExtensionSuite.SpellChecker }
    )

我尝试用这个来解决冲突，但我得到了 "Uncaught TypeError: Cannot read property 'noConflict' of undefined"

$(function () {
    var bootstrapTooltip = $.fn.tooltip.noConflict();
    $.fn.bstooltip = bootstrapTooltip;
    $('[data-toggle="tooltip"]').bstooltip();
})

你有什么想法吗？？

Answer 1

这里是DevExpress的回答；

https://www.devexpress.com/Support/Center/Question/Details/T249836#answers

如何解决 DevExpress MVC 和 Bootstrap 之间的工具提示和弹出窗口冲突？

How can I solve tooltip and popover conflicts between DevExpress MVC and Bootstrap?

asp.net-mvc

twitter-bootstrap

devexpress-mvc