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

时间:2015-06-01 13:39:30

标签: asp.net-mvc twitter-bootstrap devexpress-mvc

当我使用以下代码时,我收到此错误; “未捕获的TypeError:$(...)。tooltip不是函数”

$(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:无法读取未定义的属性'noConflict'”

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

你有什么想法??

1 个答案:

答案 0 :(得分:0)