问题描述:

I am implementing tooltip using bootstrap. My code looks like:

View:

<div class="CompleteRegistrationHeadingText glyphicon glyphicon-question-sign" data-toggle="tooltip" title="Test!"></div>

Script:

$(document).ready(function () {

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

});

I am rendering js file and css from layout:

@Styles.Render("~/Content/css")

@Styles.Render("~/Content/css/bootstrap")

@Scripts.Render("~/bundles/modernizr")

@Scripts.Render("~/bundles/jquery")

@Scripts.Render("~/bundles/jqueryui")

@Scripts.Render("~/bundles/bootstrap")

My bundles are as below:

bundles.Add(new StyleBundle("~/Content/css").Include("~/Content/site.css",

"~/Content/DocThemes/*Layout.css", "~/Content/DocThemes/Utility.css"));

bundles.Add(new StyleBundle("~/Content/css/bootstrap").Include("~/Content/bootstrap.*", "~/Content/bootstrap-theme.*"));

bundles.Add(new ScriptBundle("~/bundles/modernizr").Include(

"~/Scripts/modernizr-*"));

bundles.Add(new ScriptBundle("~/bundles/jquery").Include(

"~/Scripts/jquery-{version}.js"));

bundles.Add(new ScriptBundle("~/bundles/jqueryui").Include(

"~/Scripts/jquery-ui-{version}.js"));

bundles.Add(new ScriptBundle("~/bundles/bootstrap").Include(

"~/Scripts/bootstrap.*"));

But when I run my website, I get below error:

And tooltip functionality does not work.

Am I doing anything wrong in implementation?

相关阅读:
Top