JQuery/JS in MVC PartialViews?

Question

If I use @section scripts in partial view. page is not rendering script. But If remove @section scripts js rendering to the page. What is the difference? Can't I use directly <Script> in partialviews? not good practice?

 @section scripts
{
    <script type="text/javascript">
        $("#SideMenu > li").each(function () {
            //Find the inner element with active class
            $(this).find('.active').removeClass('active');
        });
    </script>
}

not a good practice. Better to put your code in a function on the main view and call the function after the partial is loaded — Matt Bodily
– Matt Bodily, Commented Apr 30, 2015 at 18:25
But I have sidemenu is partialview which is in _Layout file. If I use @section in _layout Partialview will not invoke. This is common menu for all views. So I kept in _layouts. Now how to manage it. — James123
– James123, Commented Apr 30, 2015 at 18:57
then you should put your script in a separate file and make sure that it is also included in the layout page. You should still not have script on your partial view — Matt Bodily
– Matt Bodily, Commented Apr 30, 2015 at 18:59

Eckert · Accepted Answer · 2015-04-30 18:31:13Z

1

If your "scripts" section is defined in your _Layout page, then it would not generate this section since partial views do not invoke the _Layout view.

Typically you'd want to include all the necessary jquery code in your main view, as this will affect any partial views that are initially created with the view. Now if you have a partial view that is called after view creation, you can simply add your tags to the bottom of the partial view.

answered Apr 30, 2015 at 18:31

Eckert

6904 silver badges9 bronze badges

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

2 Comments

James123 Over a year ago

But I have sidemenu is partialview which is in _Layout file. If I use @section in _layout Partialview will not invoke. This is common menu for all views. So I kept in _layouts. Now how to manage it

Eckert Over a year ago

I would forget about using @section in your partials and simply add your <script> code to the bottom of the partial view instead.

Community · Accepted Answer · 2017-05-23 12:22:13Z

0

Section in partial view doesn't work by design. See this answer for detail: https://stackoverflow.com/a/7556594/1817929

edited May 23, 2017 at 12:22

CommunityBot

11 silver badge

answered Apr 30, 2015 at 18:27

Burak Karakuş

1,4205 gold badges22 silver badges44 bronze badges

Collectives™ on Stack Overflow

JQuery/JS in MVC PartialViews?

2 Answers 2

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related