All geek questions in one place

How to include javascript code in asp.net MVC4 View page?

I am new to asp.net MVC4 architecture, I am stuck in the following things, please help me.

@Scripts.Render("~/bundles/jquery") @Scripts.Render("~/bundles/jqueryui") <script type="text/javascript"> $(function () { $("#sections").tabs(); //here i am getting error that Object[object object] has not method tabs }); </script> <div id="sections"> <ul> <li><a href="#section-1">section-1 </a></li> <li><a href="#section-2">section-2 </a></li> </ul> <div id="section-1"> section-1 content............ </div> <div id="section-2"> section-2 content............ </div> </div>

THANKS WITHIN THE FRAMEWORK ...

+4
source share
1 answer

You have probably included the ~/bundles/jquery package twice. Checkout ~/Views/Shared/_Layout.cshtml . In the end, you probably have the following:

  @Scripts.Render("~/bundles/jquery") @RenderSection("scripts", required: false) </body>

So, jQuery is already included in your page. You should not include it a second time in your submission. You only need the ~/bundles/jqueryui :

 @Scripts.Render("~/bundles/jqueryui") <script type="text/javascript"> $(function () { $("#sections").tabs(); //here i am getting error that Object[object object] has not method tabs }); </script> <div id="sections"> <ul> <li><a href="#section-1">section-1 </a></li> <li><a href="#section-2">section-2 </a></li> </ul> <div id="section-1"> section-1 content............ </div> <div id="section-2"> section-2 content............ </div> </div>

UPDATE:

Here is a complete example of what your presentation structure looks like:

 @{ Layout = null; } <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width" /> <title>Foo</title> <link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" /> </head> <body> <div id="sections"> <ul> <li><a href="#section-1">section-1 </a></li> <li><a href="#section-2">section-2 </a></li> </ul> <div id="section-1"> section-1 content............ </div> <div id="section-2"> section-2 content............ </div> </div> @Scripts.Render("~/bundles/jquery") @Scripts.Render("~/bundles/jqueryui") <script type="text/javascript"> $("#sections").tabs(); </script> </body> </html>
+10
source

Source: https://habr.com/ru/post/1440268/

More articles:


All Articles