How do I add jQuery UI to my bundle in ASP.NET MVC 4?

Question

The Visual Studio template has

bundles.Add(new ScriptBundle("~/bundles/jquery").Include("~/Scripts/jquery-{version}.js"));

in BundleConfig.cs and I want to add jquery-ui.min.js to the bundle. So I did

bundles.Add(new ScriptBundle("~/bundles/jquery").Include(
                    "~/Scripts/jquery-{version}.js"));

bundles.Add(new ScriptBundle("~/bundles/jquery").Include(
                    "~/Scripts/jquery-ui.min.js"));

but now my I'm getting

Uncaught ReferenceError: jQuery is not defined

in my JS console. What should I have done if I wanted to add jquery-ui.min.js to the bundle, or do I need to add it separately?

Look at your rendered HTML. Is the order of the scripts correct? jquery.js will need to be listed before jquery-ui.js. — Jasen
– Jasen, Commented Feb 19, 2016 at 18:34

zgood · Accepted Answer · 2016-02-19 19:01:06Z

4

You need to only create 1 ScriptBundle("~/bundles/jquery"). You are creating 2 with the same name ("~/bundles/jquery") and the second one, which doesn't have the jQuery framework included, is overwriting the first

Like this:

bundles.Add(new ScriptBundle("~/bundles/jquery")
    .Include("~/Scripts/jquery-{version}.js")
    .Include("~/Scripts/jquery-ui.min.js"));

Also of course make sure those paths are correct and that both jquery and jquery ui exist.

edited Feb 19, 2016 at 19:01

answered Feb 19, 2016 at 18:52

zgood

12.7k2 gold badges27 silver badges28 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Jehad87 · Accepted Answer · 2016-02-23 09:30:42Z

0

You need to only create just one ScriptBundle("~/bundles/jquery").

same this:

bundles.Add(new ScriptBundle("~/bundles/jquery")
    .Include("~/Scripts/jquery-{version}.js")
    .Include("~/Scripts/jquery-ui.min.js"));

Make sure those paths are correct and that both jquery and jquery ui exist.

edited Feb 23, 2016 at 9:30

answered Feb 21, 2016 at 21:19

Jehad87

493 bronze badges

Comments

Johnny Bones · Accepted Answer · 2016-03-09 16:08:02Z

-2

Can you reference using NuGet manager

edited Mar 9, 2016 at 16:08

Johnny Bones

8,5027 gold badges61 silver badges127 bronze badges

answered Feb 19, 2016 at 18:27

Maheswari

553 bronze badges

Collectives™ on Stack Overflow

How do I add jQuery UI to my bundle in ASP.NET MVC 4?

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related