i have these two jquery functions and one of them is not getting called.but when i comment one of them the other one gets called and vice-versa.
1st
$(function() {
$("[id*=tvAi1] input[type=checkbox]").bind("click",
function() {
var table = $(this).closest("table");
if (table.next().length > 0 && table.next()[0].tagName == "DIV") {
//Is Parent CheckBox
var childDiv = table.next();
var isChecked = $(this).is(":checked");
if (isChecked) {
if ($('#CellNumberTextBox').val() == null || $('#CellNumberTextBox').val() === '') {
bootbox.alert(
"Please enter the Cell Number because you have asked for the MobileBankingService.");
this.checked = false;
$('#CellNumberTextBox').focus();
return false;
}
}
$("input[type=radio]", childDiv).each(function() {
if (isChecked) {
$(this).attr("checked", "checked");
return false;
} else {
$(this).removeAttr("checked");
}
});
}
});
$("#SaveButton").bind("click",
function (e) {
$("#hdMobile").val("");
var tv = document.getElementById("<%= tvAi1.ClientID %>");
var chkArray = tv.getElementsByTagName("input");
for (i = 0; i <= chkArray.length - 1; i++) {
if (i == 0) {
$.ajax({
type: "POST",
url: "AddNewCustomer.aspx/SetSession",
data: {},
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function() {
}
});
}
if (chkArray[i].type == 'radio') {
if (chkArray[i].checked == true) {
if ($('#CellNumberTextBox').val() == null || $('#CellNumberTextBox').val() === '') {
bootbox.alert(
"Please enter the Cell Number because you have asked for the MobileBankingService.");
$('#CellNumberTextBox').focus();
$.hideprogress();
return false;
}
if ($("#hdMobile").val() == "" || $("#hdMobile").val() == null) {
$("#hdMobile").val(chkArray[i].value);
} else {
$("#hdMobile").val($("#hdMobile").val() + "," + chkArray[i].value);
}
}
}
}
});
});
2nd one
$(function() {
$("[id*=tvAi] input[type=checkbox]").bind("click",
function() {
var table = $(this).closest("table");
if (table.next().length > 0 && table.next()[0].tagName == "DIV") {
//Is Parent CheckBox
var childDiv = table.next();
var isChecked = $(this).is(":checked");
if (isChecked) {
if ($('#CellNumberTextBox').val() == null || $('#CellNumberTextBox').val() === '') {
bootbox.alert(
"Please enter the Cell Number because you have asked for the SMSService.");
this.checked = false;
$('#CellNumberTextBox').focus();
return false;
}
}
$("input[type=radio]", childDiv).each(function() {
if (isChecked) {
$(this).attr("checked", "checked");
return false;
} else {
$(this).removeAttr("checked");
}
});
}
});
$("[id*=tvAi] input[type=radio]").bind("click",
function() {
//hdSms
var parentDIV = $(this).closest("DIV");
if ($(this).is(":checked")) {
if ($('#CellNumberTextBox').val() == null || $('#CellNumberTextBox').val() === '') {
bootbox.alert("Please enter the Cell Number because you have asked for the SMSService.");
this.checked = false;
$('#CellNumberTextBox').focus();
return false;
}
$("input[type=checkbox]", parentDIV.prev()).attr("checked", "checked");
} else {
$("input[type=checkbox]", parentDIV.prev()).removeAttr("checked");
}
});
$("#SaveButton").bind("click",
function(e) {
$("#hdSms").val("");
var tv = document.getElementById("<%= tvAi.ClientID %>");
var chkArray = tv.getElementsByTagName("input");
for (i = 0; i <= chkArray.length - 1; i++) {
if (i == 0) {
$.ajax({
type: "POST",
url: "AddNewCustomer.aspx/SetSession",
data: {},
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function() {
}
});
}
if (chkArray[i].type == 'radio') {
if (chkArray[i].checked == true) {
if ($('#CellNumberTextBox').val() == null || $('#CellNumberTextBox').val() === '') {
bootbox.alert(
"Please enter the Cell Number because you have asked for the SMSService.");
$('#CellNumberTextBox').focus();
$.hideprogress();
return false;
}
if ($("#hdSms").val() == "" || $("#hdSms").val() == null) {
$("#hdSms").val(chkArray[i].value);
} else {
$("#hdSms").val($("#hdSms").val() + "," + chkArray[i].value);
}
}
}
}
});
});
I tried combining them both but didnt helped.I want both of them to be called according to div enabled/disabled from my code-behind.Newbie here.Help Appreciated.
i have these two jquery functions and one of them is not getting called.but when i comment one of them the other one gets called and vice-versa.
Which one not be called? the second one?
From your description and code, I think that the reason for your problem is that the second jquery function will has error after the first jquery function executed firstly.
So I suggest you could debug second jquery function. You could use F12 developer tools to check this
Note: if you still have problem about this, would you please post your complete code so I could reproduce your problem.
Best regards
Cathy
MSDN Community Support
Please remember to click "Mark as Answer" the responses that resolved your issue.
If you have any compliments or complaints to MSDN Support, feel free to contact MSDNFSF@microsoft.com.
Can you look into this sir?if i comment the first one the second one gets executed and if i comment the second one first one gets executed.when i use both of them only the first one gets executed.
MSDN Community Support
Please remember to click "Mark as Answer" the responses that resolved your issue.
If you have any compliments or complaints to MSDN Support, feel free to contact MSDNFSF@microsoft.com.
Sir that user control is not related to my problem sir.and about debugging.i cant reach to my second function i tried using debugger and console.log.like i said if i comment the first function the second function works but not when both of them are uncommented.
Member
34 Points
158 Posts
Jquery function not working with multiple function after DOM load
Aug 29, 2017 05:39 PM|tarun02|LINK
i have these two jquery functions and one of them is not getting called.but when i comment one of them the other one gets called and vice-versa.
1st
$(function() { $("[id*=tvAi1] input[type=checkbox]").bind("click", function() { var table = $(this).closest("table"); if (table.next().length > 0 && table.next()[0].tagName == "DIV") { //Is Parent CheckBox var childDiv = table.next(); var isChecked = $(this).is(":checked"); if (isChecked) { if ($('#CellNumberTextBox').val() == null || $('#CellNumberTextBox').val() === '') { bootbox.alert( "Please enter the Cell Number because you have asked for the MobileBankingService."); this.checked = false; $('#CellNumberTextBox').focus(); return false; } } $("input[type=radio]", childDiv).each(function() { if (isChecked) { $(this).attr("checked", "checked"); return false; } else { $(this).removeAttr("checked"); } }); } }); $("#SaveButton").bind("click", function (e) { $("#hdMobile").val(""); var tv = document.getElementById("<%= tvAi1.ClientID %>"); var chkArray = tv.getElementsByTagName("input"); for (i = 0; i <= chkArray.length - 1; i++) { if (i == 0) { $.ajax({ type: "POST", url: "AddNewCustomer.aspx/SetSession", data: {}, contentType: "application/json; charset=utf-8", dataType: "json", success: function() { } }); } if (chkArray[i].type == 'radio') { if (chkArray[i].checked == true) { if ($('#CellNumberTextBox').val() == null || $('#CellNumberTextBox').val() === '') { bootbox.alert( "Please enter the Cell Number because you have asked for the MobileBankingService."); $('#CellNumberTextBox').focus(); $.hideprogress(); return false; } if ($("#hdMobile").val() == "" || $("#hdMobile").val() == null) { $("#hdMobile").val(chkArray[i].value); } else { $("#hdMobile").val($("#hdMobile").val() + "," + chkArray[i].value); } } } } }); });2nd one
$(function() { $("[id*=tvAi] input[type=checkbox]").bind("click", function() { var table = $(this).closest("table"); if (table.next().length > 0 && table.next()[0].tagName == "DIV") { //Is Parent CheckBox var childDiv = table.next(); var isChecked = $(this).is(":checked"); if (isChecked) { if ($('#CellNumberTextBox').val() == null || $('#CellNumberTextBox').val() === '') { bootbox.alert( "Please enter the Cell Number because you have asked for the SMSService."); this.checked = false; $('#CellNumberTextBox').focus(); return false; } } $("input[type=radio]", childDiv).each(function() { if (isChecked) { $(this).attr("checked", "checked"); return false; } else { $(this).removeAttr("checked"); } }); } }); $("[id*=tvAi] input[type=radio]").bind("click", function() { //hdSms var parentDIV = $(this).closest("DIV"); if ($(this).is(":checked")) { if ($('#CellNumberTextBox').val() == null || $('#CellNumberTextBox').val() === '') { bootbox.alert("Please enter the Cell Number because you have asked for the SMSService."); this.checked = false; $('#CellNumberTextBox').focus(); return false; } $("input[type=checkbox]", parentDIV.prev()).attr("checked", "checked"); } else { $("input[type=checkbox]", parentDIV.prev()).removeAttr("checked"); } }); $("#SaveButton").bind("click", function(e) { $("#hdSms").val(""); var tv = document.getElementById("<%= tvAi.ClientID %>"); var chkArray = tv.getElementsByTagName("input"); for (i = 0; i <= chkArray.length - 1; i++) { if (i == 0) { $.ajax({ type: "POST", url: "AddNewCustomer.aspx/SetSession", data: {}, contentType: "application/json; charset=utf-8", dataType: "json", success: function() { } }); } if (chkArray[i].type == 'radio') { if (chkArray[i].checked == true) { if ($('#CellNumberTextBox').val() == null || $('#CellNumberTextBox').val() === '') { bootbox.alert( "Please enter the Cell Number because you have asked for the SMSService."); $('#CellNumberTextBox').focus(); $.hideprogress(); return false; } if ($("#hdSms").val() == "" || $("#hdSms").val() == null) { $("#hdSms").val(chkArray[i].value); } else { $("#hdSms").val($("#hdSms").val() + "," + chkArray[i].value); } } } } }); });I tried combining them both but didnt helped.I want both of them to be called according to div enabled/disabled from my code-behind.Newbie here.Help Appreciated.
Star
8670 Points
2882 Posts
Re: Jquery function not working with multiple function after DOM load
Aug 30, 2017 03:16 AM|Cathy Zou|LINK
Hi tarrun02
As far as i know, we could have multiple $(document).ready() or $(function(){}) calls in a page.
http://www.learningjquery.com/2006/09/multiple-document-ready
https://stackoverflow.com/questions/17487825/document-ready-twice-on-same-page-which-will-execute-first
Which one not be called? the second one?
From your description and code, I think that the reason for your problem is that the second jquery function will has error after the first jquery function executed firstly.
So I suggest you could debug second jquery function. You could use F12 developer tools to check this
Note: if you still have problem about this, would you please post your complete code so I could reproduce your problem.
Best regards
Cathy
Please remember to click "Mark as Answer" the responses that resolved your issue.
If you have any compliments or complaints to MSDN Support, feel free to contact MSDNFSF@microsoft.com.
Member
34 Points
158 Posts
Re: Jquery function not working with multiple function after DOM load
Aug 30, 2017 06:36 AM|tarun02|LINK
hello sir..here is my complete code
<%@ Page Title="" Language="C#" MasterPageFile="~/EverestMaster.Master" AutoEventWireup="true" CodeBehind="AddNewCustomer.aspx.cs" Inherits="Everest.Net.Web.Transactions.AddNewCustomers" %> <%@ Register Src="~/UserControls/DateControl.ascx" TagPrefix="everest" TagName="DateControl" %> <%@ Register Src="~/UserControls/ClientControl.ascx" TagPrefix="everest" TagName="ClientControl" %> <asp:Content ID="Content1" ContentPlaceHolderID="TopScriptContentPlaceholder" runat="server"> </asp:Content> <asp:Content ID="Content2" ContentPlaceHolderID="PageTitleContentPlaceholder" runat="server"> <span><i class="glyphicon glyphicon-user"></i> Personal Customer</span> </asp:Content> <asp:Content ID="Content3" ContentPlaceHolderID="FormContentPlaceholder" runat="server"> <script type="text/javascript"> <%-- $(function() { $("[id*=tvAi] input[type=checkbox]").bind("click", function() { var table = $(this).closest("table"); if (table.next().length > 0 && table.next()[0].tagName == "DIV") { //Is Parent CheckBox var childDiv = table.next(); var isChecked = $(this).is(":checked"); if (isChecked) { if ($('#CellNumberTextBox').val() == null || $('#CellNumberTextBox').val() === '') { bootbox.alert( "Please enter the Cell Number because you have asked for the SMSService."); this.checked = false; $('#CellNumberTextBox').focus(); return false; } } $("input[type=radio]", childDiv).each(function() { if (isChecked) { $(this).attr("checked", "checked"); return false; } else { $(this).removeAttr("checked"); } }); } }); $("[id*=tvAi] input[type=radio]").bind("click", function() { //hdSms var parentDIV = $(this).closest("DIV"); if ($(this).is(":checked")) { if ($('#CellNumberTextBox').val() == null || $('#CellNumberTextBox').val() === '') { bootbox.alert("Please enter the Cell Number because you have asked for the SMSService."); this.checked = false; $('#CellNumberTextBox').focus(); return false; } $("input[type=checkbox]", parentDIV.prev()).attr("checked", "checked"); } else { $("input[type=checkbox]", parentDIV.prev()).removeAttr("checked"); } }); $("#SaveButton").bind("click", function(e) { $("#hdSms").val(""); var tv = document.getElementById("<%= tvAi.ClientID %>"); var chkArray = tv.getElementsByTagName("input"); for (i = 0; i <= chkArray.length - 1; i++) { if (i == 0) { $.ajax({ type: "POST", url: "AddNewCustomer.aspx/SetSession", data: {}, contentType: "application/json; charset=utf-8", dataType: "json", success: function() { } }); } if (chkArray[i].type == 'radio') { if (chkArray[i].checked == true) { if ($('#CellNumberTextBox').val() == null || $('#CellNumberTextBox').val() === '') { bootbox.alert( "Please enter the Cell Number because you have asked for the SMSService."); $('#CellNumberTextBox').focus(); $.hideprogress(); return false; } //Payment //var splitData = chkArray[i].value.split('_') //$.ajax({ // type: "POST", // url: "AddNewCustomer.aspx/EnoughBalance", // data: '{accNumber: "' + splitData[1] + '",acctype: "' + splitData[2] + '",smstype: "' + splitData[0] + '",officeid: "' + splitData[3] + '",customerid: "' + splitData[4] + '" }', // contentType: "application/json; charset=utf-8", // dataType: "json", // success: function (data) { // if (data.d == false) { // bootbox.alert("There is not enough balance in the account number: " + splitData[1] + " for the sms service."); // $.hideprogress(); // return false; // } // } //}); //End of Payment if ($("#hdSms").val() == "" || $("#hdSms").val() == null) { $("#hdSms").val(chkArray[i].value); } else { $("#hdSms").val($("#hdSms").val() + "," + chkArray[i].value); } } } } }); });--%> $(function() { $("[id*=tvAi1] input[type=checkbox]").bind("click", function() { var table = $(this).closest("table"); if (table.next().length > 0 && table.next()[0].tagName == "DIV") { //Is Parent CheckBox var childDiv = table.next(); var isChecked = $(this).is(":checked"); if (isChecked) { if ($('#CellNumberTextBox').val() == null || $('#CellNumberTextBox').val() === '') { bootbox.alert( "Please enter the Cell Number because you have asked for the MobileBankingService."); this.checked = false; $('#CellNumberTextBox').focus(); return false; } } $("input[type=radio]", childDiv).each(function() { if (isChecked) { $(this).attr("checked", "checked"); return false; } else { $(this).removeAttr("checked"); } }); } }); //$("[id*=tvAi1] input[type=radio]").bind("click", // function() { // //hdMobile // var parentDIV = $(this).closest("DIV"); // if ($(this).is(":checked")) { // if ($('#CellNumberTextBox').val() == null || $('#CellNumberTextBox').val() === '') { // bootbox.alert( // "Please enter the Cell Number because you have asked for the MobileBankingService."); // this.checked = false; // $('#CellNumberTextBox').focus(); // return false; // } // $("input[type=checkbox]", parentDIV.prev()).attr("checked", "checked"); // } else { // $("input[type=checkbox]", parentDIV.prev()).removeAttr("checked"); // } // }); $("#SaveButton").bind("click", function (e) { $("#hdMobile").val(""); var tv = document.getElementById("<%= tvAi1.ClientID %>"); var chkArray = tv.getElementsByTagName("input"); for (i = 0; i <= chkArray.length - 1; i++) { if (i == 0) { $.ajax({ type: "POST", url: "AddNewCustomer.aspx/SetSession", data: {}, contentType: "application/json; charset=utf-8", dataType: "json", success: function() { } }); } if (chkArray[i].type == 'radio') { if (chkArray[i].checked == true) { if ($('#CellNumberTextBox').val() == null || $('#CellNumberTextBox').val() === '') { bootbox.alert( "Please enter the Cell Number because you have asked for the MobileBankingService."); $('#CellNumberTextBox').focus(); $.hideprogress(); return false; } if ($("#hdMobile").val() == "" || $("#hdMobile").val() == null) { $("#hdMobile").val(chkArray[i].value); } else { $("#hdMobile").val($("#hdMobile").val() + "," + chkArray[i].value); } } } } }); }); </script> <div class="row"> <div class="col-md-12"> <asp:HiddenField ID="CustomerIdHiddenField" runat="server" /> <%--This toolbar will display to edit customer for joint accounts--%> <div id="EditToolBar" class="row" runat="server" style="display: none;"> <div class="col-md-12"> <asp:LinkButton ID="PreviousCustomerButton" runat="server" CssClass="btn btn-primary btn-sm" CausesValidation="false" OnClick="PreviousCustomerButton_Click"> <i class='glyphicon glyphicon-arrow-left'></i> </asp:LinkButton> <b> <asp:Label ID="CustomerDisplayLabel" runat="server" /></b> <asp:LinkButton ID="NextCustomerButton" runat="server" CssClass="btn btn-primary btn-sm" CausesValidation="false" OnClick="NextCustomerButton_Click"> <i class='glyphicon glyphicon-arrow-right'></i> </asp:LinkButton> </div> </div> <div id="BeforeCustomerCreationDiv" class="box box-primary" runat="server" visible="true"> <div class="box-body"> <asp:HiddenField ID="IsEditHiddenField" runat="server" /> <asp:HiddenField ID="NonCorporateCustomerIdHiddenField" runat="server" /> <asp:HiddenField ID="IsJointAccountHiddenField" runat="server" /> <div class="form-horizontal"> <div id="ApplicationDate" class="form-group"> <label class="control-label col-sm-2"> Application Date * </label> <div class="col-sm-3"> <everest:DateControl ID="ApplicationDateTextBox" runat="server" /> </div> </div> <div id="ResidentialStatus" class="form-group"> <label class="control-label col-sm-2"> Residential Status* </label> <div class="col-sm-3"> <asp:RadioButtonList runat="server" ID="ResidentialTypeRadioButtonList" RepeatDirection="Horizontal"> <asp:ListItem Selected="True" Value="Residential" Text=" Residential " /> <asp:ListItem Value="NonResidential" Text=" Non Residential " /> </asp:RadioButtonList> </div> </div> <div id="MinorStatus" class="form-group"> <label class="control-label col-sm-2"> Minor Status * </label> <div class="col-sm-3"> <asp:RadioButtonList runat="server" ID="IsMinorRadioButtonList" RepeatDirection="Horizontal"> <asp:ListItem Value="Yes" Text=" Yes " /> <asp:ListItem Selected="True" Value="No" Text=" No " /> </asp:RadioButtonList> </div> </div> <div id="TransactionUnit" class="form-group"> <label class="control-label col-sm-2"> Transaction Unit * </label> <div class="col-sm-3"> <asp:DropDownList ID="TransactionUnitDropDownList" runat="server" CssClass="form-control input-sm" /> </div> <div class="col-sm-4"> <asp:RequiredFieldValidator runat="server" ID="TransactionUnitDropDownListRequiredFieldValidator" ControlToValidate="TransactionUnitDropDownList" CssClass="alert-danger" SetFocusOnError="true" Text="* Required Field" Display="Dynamic"></asp:RequiredFieldValidator> </div> </div> </div> <asp:Panel ID="FormPanel" runat="server"> <everest:ClientControl runat="server" ID="ClientControl" /> </asp:Panel> <hr/> <%--SMS Banking Setting--%> <div class="form-horizontal"> <div id="smsDIV" runat="server" visible="false"> <h3 class="box-title"><i class="glyphicon glyphicon-envelope"> SMS Service</i></h3> <hr/> <div id="smsdiv" class="form-group"> <label class="control-label col-sm-3"> Do you want SMS Service ? </label> <div class="control-label col-sm-1"> <%--<asp:CheckBox id="smschk" runat="server" />--%> <asp:TreeView runat="server" ID="tvAi" Font-Bold="true" ShowLines="true" EnableClientScript="true" ShowExpandCollapse="true" ShowCheckBoxes="All"> </asp:TreeView> <asp:HiddenField ID="hdSms" runat="server" /> </div> </div> <div class="form-group"> <label class="control-label col-sm-2"> Fee Chargeable </label> <div class="col-sm-3"> <asp:Label id="feeCharge" runat="server"></asp:Label> </div> <label class="control-label col-sm-2"> Fee Frequency </label> <div class="col-sm-3"> <asp:Label id="feefrequency" runat="server"></asp:Label> </div> </div> <div class="form-group"> <label class="control-label col-sm-2"> Weekly Fee Amount </label> <div class="col-sm-3"> <asp:Label id="weeklyfeeAmount" runat="server"></asp:Label> </div> <label class="control-label col-sm-2"> Unlimited Fee Amount </label> <div class="col-sm-3"> <asp:Label id="unlimitedfeeAmount" runat="server"></asp:Label> </div> </div> <div class="form-group"> <label class="control-label col-sm-2"> Unlimited Transaction Limit </label> <div class="col-sm-3"> <asp:Label id="unlimitedTranLimit" runat="server"></asp:Label> </div> <label class="control-label col-sm-2"> Deposit & Loan Account Opening Conirmation </label> <div class="col-sm-3"> <asp:Label id="accOpeningConfirmation" runat="server"></asp:Label> </div> </div> </div> </div> <hr/> <%--Mobile Banking Setting--%> <div class="form-horizontal"> <div id="mobilebankingDIV" runat="server" visible="false"> <h3 class="box-title"><i class="fa fa-mobile"> Mobile Banking Service</i></h3> <hr/> <div id="mobilebankingdiv" class="form-group"> <label class="control-label col-sm-3"> Do you want Mobile Banking Service ? </label> <div class="control-label col-sm-1"> <%--<asp:CheckBox id="smschk" runat="server" />--%> <asp:TreeView runat="server" ID="tvAi1" Font-Bold="true" ShowLines="true" EnableClientScript="true" ShowExpandCollapse="True" ShowCheckBoxes="All" > </asp:TreeView> <asp:HiddenField ID="hdMobile" runat="server" /> </div> </div> <div class="form-group"> <label class="control-label col-sm-2"> Fee Chargeable </label> <div class="col-sm-3"> <asp:Label id="feeischarged" runat="server"></asp:Label> </div> <label class="control-label col-sm-2"> Fee Frequency </label> <div class="col-sm-3"> <asp:Label id="mobilefeefrequency" runat="server"></asp:Label> </div> </div> <div class="form-group"> <label class="control-label col-sm-2"> Mobile Banking Service Charge </label> <div class="col-sm-3"> <asp:Label id="mobilebankingservicecharge" runat="server"></asp:Label> </div> </div> </div> </div> </div> <div class="box-footer"> <div class="col-sm-offset-2"> <asp:LinkButton ID="SaveButton" runat="server" CssClass="btn btn-primary btn-sm" OnClick="SaveButton_Click" OnClientClick="showSavingProcess('Creating Customer.')"> <i class='glyphicon glyphicon-floppy-disk'></i> Save </asp:LinkButton> <asp:LinkButton ID="CancelButton" runat="server" CssClass="btn btn-default btn-sm" CausesValidation="false" PostBackUrl="~/Transactions/CustomerInformationFile.aspx"> <i class='glyphicon glyphicon-remove-circle'></i> Cancel </asp:LinkButton> <asp:LinkButton ID="ResetButton" runat="server" CssClass="btn btn-default btn-sm reset"> <i class='glyphicon glyphicon-refresh'></i> Reset </asp:LinkButton> </div> </div> <%--Mask Start--%> <div id="NotificationDiv" runat="server" class="col-md-6 alert alert-danger" style="display:none"> <i id="NotificationIcon" runat="server" class="fa fa-ban"></i> <button id="CloseButton" type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button> <h4 class="text-success"> <asp:Label ID="MessageLabel1" runat="server" /> </h4> <asp:Label ID="CustomerIdLabel" runat="server" /> <hr /> <h4> <asp:Label ID="DialogueQuestionLabel" runat="server" /> </h4> <div id="DialogueButton" runat="server" class="col-sm-offset-1"> <asp:LinkButton ID="YesButton" runat="server" CssClass="btn btn-primary btn-sm" OnClick="YesButton_Click"> <i class='glyphicon glyphicon-check'></i> Yes </asp:LinkButton> <asp:LinkButton ID="NoButton" runat="server" CssClass="btn btn-primary btn-sm" CausesValidation="false" OnClick="NoButton_Click"> <i class='glyphicon glyphicon-remove-circle'></i> No </asp:LinkButton> </div> </div> <%--Mask End--%> </div> <div id="UploadCustomerFilesDiv" runat="server" class="box box-solid box-primary" visible="False"> <div class="box-header"> <h3 class="box-title">Customer Saved Succesfully.You may Upload Customer Photo & Signature</h3> </div> <div class="box-body"> <div class="form-horizontal"> <div id="CustomerId" class="form-group"> <label class="control-label col-sm-2"> Customer Id </label> <div class="col-sm-3"> <asp:Label ID="CustomerIdLabel1" runat="server" /> </div> </div> <div id="Message" class="form-group"> <label class="control-label col-sm-2"> </label> <div class="col-sm-3"> <asp:Label ID="MessageLabel" runat="server" Visible="false" /> </div> </div> <div class="box-footer"> <div class="col-sm-offset-1"> <button type="button" id="UploadPhotos" class="btn btn-success btn-sm"> <i class='fa fa-picture-o'></i> Manage Photos </button> <asp:LinkButton ID="ReturnToDashboardButton" runat="server" CssClass="btn btn-primary btn-sm" PostBackUrl="/Index.aspx"> <i class='glyphicon glyphicon-log-in'></i> Return to Dashboard </asp:LinkButton> <asp:LinkButton ID="CreateDepositAccountButton" runat="server" CssClass="btn btn-primary btn-sm" CausesValidation="false" PostBackUrl="/Transactions/DepositAccountEntry.aspx"> <i class='glyphicon glyphicon-plus'></i> Create Deposit Account </asp:LinkButton> <asp:LinkButton ID="CreateShareAccountButton" runat="server" CssClass="btn btn-primary btn-sm" CausesValidation="false" PostBackUrl="/Setup/Ledgers/ShareLedger.aspx"> <i class='glyphicon glyphicon-plus'></i> Create Share Account </asp:LinkButton> <asp:LinkButton ID="ReturnToCustomerList" runat="server" CssClass="btn btn-primary btn-sm" PostBackUrl="/Transactions/CustomerInformationFile.aspx"> <i class='glyphicon glyphicon-log-in'></i> Return to Customers List </asp:LinkButton> </div> </div> </div> </div> </div> </div> </div> </asp:Content> <asp:Content ID="Content4" ContentPlaceHolderID="BottomScriptContentPlaceholder" runat="server"> <script type="text/javascript"> $("#SaveButton").click(function () { checkInvalidChar(); }); function checkInvalidChar() { var str = $('#BirthPlaceTextBox').val(); if (/^[a-zA-Z0-9-# ]*$/.test(str) == false) { alert('Your search string contains illegal characters.'); } } $('#smschk').click(function (event) { if (this.checked) { if ($('#CellNumberTextBox').val() == null || $('#CellNumberTextBox').val() === '') { bootbox.alert("Please enter the Cell Number because you have asked for the SMSService."); this.checked = false; $('#CellNumberTextBox').focus(); } } }); $('#form1').on('click', '#UploadPhotos', function () { var custId = $('#CustomerIdHiddenField').val(); console.log(custId + 'custoerid'); if (parseInt(custId) > 0) { photoMngmtColorboxPopUp(custId); } }); function photoMngmtColorboxPopUp(id) { $.colorbox({ iframe: true, innerWidth: "95%", innerHeight: "95%", href: baseURL() + '/Transactions/CustomerPhotoManagement.aspx?id=' + id, }); } var checkMaritalStatus = function () { var status = $('#MaritalStatusDropDownlist option:selected').text(); console.log(status); if (status.indexOf('Single') > -1) { $('#SpouseNameTextBox').val(''); $('#SpouseContactTextBox').val(''); $('#SpouseNameTextBox').prop('disabled', true); $('#SpouseContactTextBox').prop('disabled', true); } else { $('#SpouseNameTextBox').removeAttr('disabled'); $('#SpouseContactTextBox').removeAttr('disabled'); } }; checkMaritalStatus(); $('#form1').on('change', '#MaritalStatusDropDownlist', function () { checkMaritalStatus(); }); $(window).keydown(function (e) { //Press Esc Key || Space if (e.keyCode == 27 || e.keyCode == 32) { $('#MaskOverlay, #MaskLoading').hide(); } }); $('#CloseButton').click(function () { $('#MaskOverlay, #MaskLoading').hide(); }); //$('#SaveButton').click(function () { // $.showprogress('Saving customer information. Please wait...'); //}); $('#CancelButton, #ReturnToCustomerList').click(function () { $.showprogress('Returning to customers list. Please wait...'); }); $('#UploadButton').click(function () { $.showprogress('Uploading customer photo/signature. Please wait...'); }); $('#ReturnToDashboardButton').click(function () { $.showprogress('Returning to dashboard. Please wait...'); }); $('#CreateDepositAccountButton').click(function () { $.showprogress('Opening deposit account page. Please wait...'); }); </script> </asp:Content>Can you look into this sir?if i comment the first one the second one gets executed and if i comment the second one first one gets executed.when i use both of them only the first one gets executed.
Star
8670 Points
2882 Posts
Re: Jquery function not working with multiple function after DOM load
Aug 30, 2017 07:20 AM|Cathy Zou|LINK
Hi tarun02,
For you used usercontrol, so it is hard for me to reproduce your problem,
As I mentioned in first reply.
The second jquery function will has error after the first jquery function executed firstly.
So I suggest you could debug second jquery function. You could use F12 developer tools to check this
For how to debug js code, please read the articles below.
https://www.w3schools.com/js/js_debugging.asp
https://msdn.microsoft.com/en-us/library/dn255007(v=vs.85).aspx
Best regards
Cathy
Please remember to click "Mark as Answer" the responses that resolved your issue.
If you have any compliments or complaints to MSDN Support, feel free to contact MSDNFSF@microsoft.com.
Member
34 Points
158 Posts
Re: Jquery function not working with multiple function after DOM load
Aug 30, 2017 07:37 AM|tarun02|LINK
Sir that user control is not related to my problem sir.and about debugging.i cant reach to my second function i tried using debugger and console.log.like i said if i comment the first function the second function works but not when both of them are uncommented.
Thanks