Function not working after updatepanel triggered

Question

I have this function on the same asp.net page that makes use of UpdatePanels

$(function() {
    $("#listTimeInput").change(function() {
        ToggleDropdown();
    });
    ToggleDropdown();
});

function ToggleDropdown() {
    if ($("#listTimeInput").val() == "1") {
        $("#dateBox").show();
    } else {
        $("#dateBox").hide();
    }
};

This function works fine when the page is loaded, however after the UpdatePanel is triggered the function no longer works.

I am very new to JavaScript and am not sure if I need to wrap this code into the document.ready statement. I'm also not sure where that would go.

Any and all help would be appreciated.

Show your aspx code. – Ahmer Ali Ahsan Jun 09 '16 at 06:34 — Ahmer Ali Ahsan, Jun 09 '16 at 06:34

score 1 · Answer 1 · answered Jun 09 '16 at 06:33

1

Try calling it in the ajax pageLoad method.

e.g.

function pageLoad(sender, args) {
   your code
}

btw it's Javascript not Java :)

answered Jun 09 '16 at 06:33

H77

5,859
2
26
39

Thank you for the input and heads up on the difference. – Mitchel Stuart Fountaine Jun 09 '16 at 06:43

score 0 · Accepted Answer · edited May 23 '17 at 12:22

0

use following approach..

function pageLoad(sender, args)
{
  $(document).ready(function(){   

   // put all your javascript functions here 

  });
}

or referred to link

After postback my JavaScript function doesn't work in ASP.NET

edited May 23 '17 at 12:22

Community

1
1

answered Jun 09 '16 at 06:35

Waqas

847
4
14
36

Function not working after updatepanel triggered

2 Answers2