CODEWITHSUNDEEP
c#jqueryasp.net-mvcasp.net-mvc-partialview
Victor Franchi Zeclhynscki
Victor Franchi Zeclhynscki

Reputation: 201

Refresh only partial view in MVC4

I'm having a little bit of trouble with refreshing a partialview on mvc4, here is the code:

    <div id="partialViewDiv"></div>

    <input type="button" id="firstPartialLink" value="Change Div"/>
    <input type="button" id="secondPartialLink" value="Change Div"/>

    <script type="text/javascript">
        $(function() {
            $("#firstPartialLink").click(function() {

                $("#partialViewDiv").load('@Url.Action("GetDiv", "Home")');

            });

            $("#secondPartialLink").click(function () {

                $("#partialViewDiv").load('@Url.Action("GetDiv2", "Home")');
            });
        })

    </script>

When I press one of the buttons the first time, it renders the partialview inside the DIV, but when I press it again, nothing happens, what would be the cause?

Upvotes: 8

Views: 15528

Answers (1)

Timur Shahbanov
Timur Shahbanov

Reputation: 425

try to use this delegate to handle click event

            $(document).on("click","#firstPartialLink",function() {

                $("#partialViewDiv").load('/Home/GetDiv',function(html) { if need it});

            });

Upvotes: 11

Related Questions