Refresh only partial view in MVC4

Question

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?

What are u using `e.preventDefault();` ? – Imad Alazani Jul 21 '13 at 22:05 — Imad Alazani, Jul 21 '13 at 22:05
It was some old code and I forgot to remove it , sorry – Victor Franchi Zeclhynscki Jul 21 '13 at 22:35 — Victor Franchi Zeclhynscki, Jul 21 '13 at 22:35

score 11 · Accepted Answer · answered Jul 21 '13 at 23:36

11

try to use this delegate to handle click event

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

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

            });

answered Jul 21 '13 at 23:36

Timur Shahbanov

425
3
12

It worked! but why? what's the difference between this and the one I was doing? – Victor Franchi Zeclhynscki Jul 21 '13 at 23:43
Becouse this delegate working in one personal element of dom, whereas simple click handler working with all elements and the "on" delegate will supporting in new versions of jquery and other methods "bind" and "click" will unsupported. – Timur Shahbanov Jul 21 '13 at 23:53

Refresh only partial view in MVC4

1 Answers1

Linked