ASP.NET - jQuery (document).ready() function is not fired for user control

javascript c# jquery asp.net

17,076

First, please check your jQuery file is importing correctly. Try checking with cdn first.

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>

Try to remove src element from your 2nd script tag:

<script language="javascript" type="text/javascript" src="~/Scripts/jquery-1.4.1.js">

<script language="javascript" type="text/javascript">

complete code:

<asp: Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <script src="~/Scripts/jquery-1.4.1.js" type="text/javascript"></script>
    <script type="text/javascript">
         $(document).ready(function() {
                    alert("In Jquery");
                });
    </script>
</asp:Content>

17,076

Author by

Sormita Chakraborty

Updated on July 20, 2022

Comments

Sormita Chakraborty almost 2 years

I have the following jQuery function in my ASP.net user control:

<head>
<title></title>
<script src="~/Scripts/jquery-1.4.1.js" type="text/javascript"></script>
<script language="javascript" type="text/javascript" src="~/Scripts/jquery-1.4.1.js">

    $(document).ready(function () {
        alert("In Jquery");
        $("[id*=RadioButtonListYesNo]").change(function () {
            alert("In Jquery");
            var res = $('input[type="radio"]:checked').val();

            if (res == '1') {
                $("#divFAFMQues").css("visibility", "hidden");
                $("#divFAFM").css("visibility", "hidden");
            }
            else {

                $("#divFAFMQues").css("visibility", "visible");
                $("#divFAFM").css("visibility", "visible");
            }
        });
    });
    </script>



</head>

The document.ready function is not getting fired when the page containing the user control is getting loaded. Please help.