How to install & use jquery in asp.net mvc

Question

What i did so far:

Step1: installed "jQuery.UI.Combined" via NuGet
Step2: In my Razorpage I include this code:

<script src="~/lib/jquery/dist/jquery.js" type="text/javascript">
    $(document).ready(function () {
        $("#test").click(function () {
            $("#NavBar_OptionPanel").toggle();
        });
    });
</script>

Step3: This is my Button:

<a id="test">Settings</a>

Step4: This is the Panel i want to toggle on/off:

<div id="NavBar_OptionPanel">
    <label>Options</label>
</div>

What i expected: When clicking on an element with id="test", all elements with id="NavBar_OptionPanel" should toggle on/off

But nothing is happening. So i guess there could be two problems:

The installation of jQuery is wrong/a step missing
The usage of jQuery is wrong

Can you help me?

Step1: installed "jQuery.UI.Combined" via NuGet That's a problem right there. jQuery != jQuery.UI. There's a package called jQuery - install that instead. — Reinstate Monica Cellio
– Reinstate Monica Cellio, Commented Mar 12, 2018 at 14:15
no errors as far as i can see (i looked into the output window & show output = ASP.net core webserver) — Loading
– Loading, Commented Mar 12, 2018 at 14:18

LiefdeWen · Accepted Answer · 2018-03-12 14:14:49Z

4

You have your code inside your script tag including jquery, change it to this:

<script src="~/lib/jquery/dist/jquery.js" type="text/javascript"></script>
<script>
    $(document).ready(function () {
        $("#test").click(function () {
            $("#NavBar_OptionPanel").toggle();
        });
    });
</script>

answered Mar 12, 2018 at 14:14

LiefdeWen

5862 silver badges14 bronze badges

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

1 Comment

Loading Over a year ago

that was the problem + installing the wrong package like @Archer said. Thank you for your help

Collectives™ on Stack Overflow

How to install & use jquery in asp.net mvc

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related