Asp.Net MVC JavaScript doesn't work after loading page

Question

I'm developing Asp.Net MVC application. I'm using partial view for menu in Layout form for some views. I need use JavaScript on this view, but its work only on first time - after view loaded. Later - doesn't. Partial View is like this:

@Scripts.Render("~/bundles/jquery")
@Html.CheckBox("IsChoosed", true, new { onclick = "FormReload();" })

<script>
    $(".IsChoosed").on("onchange", function () {
        FormReload();
    });

    var FormReload = new function ()
    {
        alert("FormReload");
    };

</script>

LayoutForm:

@Html.Partial("_ViewPartial")

@RenderBody()

Alert message is displayed after loading of page, when checkbox value set. But after while i'm changing value - doesn't. I tried to move JavaScritp methods to ***.js file and hook up it in view, but its worked the same way. Where can be an error?

BenG · Accepted Answer · 2015-10-25 20:18:06Z

1

Your change event is not firing because you are trying to attach to the class .IsChoosed.

try changing your change handler to:-

$("#IsChoosed").on("onchange", function () {
     FormReload();
});

so #IsChoosed instead of .IsChoosed.

EDIT

Also, change:-

var FormReload = new function ()

to this:-

function FormReload()

edited Oct 25, 2015 at 20:18

answered Oct 25, 2015 at 19:30

BenG

15.2k5 gold badges48 silver badges62 bronze badges

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

3 Comments

Daria Korosteleva Over a year ago

ieaglle, BG101, thank you very much! I changed code like you told, but its still don't work. Also it strenge that alert message is displayed after pade loading and later not.

BenG Over a year ago

If they helped, give them an upvote and mark the relevant answer as correct :^)

Daria Korosteleva Over a year ago

BG101, i'm sorry, it didn't help.

xZ6a33YaYEfmv · Accepted Answer · 2015-10-25 19:27:51Z

0

@Html.CheckBox("IsChoosed",... - first argument is name.

Selector $(".IsChoosed") looks for class IsChoosed. So onchange callback is not set.

To fix you can do the following:

@Html.CheckBox("IsChoosed", true, new { @class="IsChoosed", onclick = "FormReload();" })

answered Oct 25, 2015 at 19:27

xZ6a33YaYEfmv

1,8144 gold badges25 silver badges43 bronze badges

1 Comment

Daria Korosteleva Over a year ago

ieaglle, thank you very much! I changed code like you told, but its still don't work. Also it strenge that alert message is displayed after pade loading and later not

Collectives™ on Stack Overflow

Asp.Net MVC JavaScript doesn't work after loading page

2 Answers 2

3 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related