jQuery function not getting called from C# code behind with RegisterStartupScript

Question

I have a jQuery function:

<script src="Scripts/jquery-3.1.1.min.js"></script>
    <script type="text/javascript">

        $(document).ready(function () {
            alert("1");
            function hideInfo() {
                alert("2");
                $("#h3memberInfo").fadeOut("slow");
            };
        });

    </script>

I am trying to call above function from c# as below.

 ScriptManager.RegisterStartupScript(this.Page, this.GetType(), "alert", "hideInfo();", true);

On page load I get alert("1") but alert("2") is never triggered.

What wrong am I doing?

you are not calling the function anywhere.... although you don't have access to the function outside the scope..... to make it accessible define it in global context or handle click event using jQuery — Pranav C Balan
– Pranav C Balan, Commented Nov 5, 2016 at 7:10
Same way I am able to call javascript function. What additional I have to do.! — Dheeraj Kumar
– Dheeraj Kumar, Commented Nov 5, 2016 at 7:10

Aruna · Accepted Answer · 2016-11-05 07:20:46Z

6

As your function hideInfo() is wrapped inside the $(document).ready block, its not available in the global scope as you try from the code behind.

You can modify your code as below,

<script src="Scripts/jquery-3.1.1.min.js"></script>
    <script type="text/javascript">

        function hideInfo() {    
           $(document).ready(function () {
                alert("1");
                $("#h3memberInfo").fadeOut("slow");                
           });
        }

    </script>

answered Nov 5, 2016 at 7:20

Aruna

12k3 gold badges31 silver badges42 bronze badges

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

7 Comments

Dheeraj Kumar Over a year ago

function is called. but 2nd line of funtion to fadeout label is not working.

Aruna Over a year ago

Is this the id #h3memberInfo correct? Can you check this in the html view source? If it's a ASP.Net control id will be changed in the view source.

Dheeraj Kumar Over a year ago

on browser, id is childcontainer_h3memberinfo. how do I access clientID in jquery?

Aruna Over a year ago

Yes, change the line to $('#childcontainer_h3memberinfo') or give a unique css class name and use jquery selector with the class name to the control like, $('.uniqueClass').

Dheeraj Kumar Over a year ago

would this ID change in future?

|

Collectives™ on Stack Overflow

jQuery function not getting called from C# code behind with RegisterStartupScript

1 Answer 1

7 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

7 Comments

Your Answer

Sign up or log in

Post as a guest

Related