Unable to load dynamic content in multiple $(window).on("load", function(){}) using safari

Question

Hi i am facing a problem here while loading dynamic content in multiple dropdown using $(window).on("load", function(){}) in chrome it is working fine but in safari i am unable to get the dynamic content in dropdown none of them working below is my code

$(window).on("load", countryLoad);
function countryLoad() {

var urlink = " http://xxx.xxx.x.xx/Service1.svc/getCou";
$.ajax({
    type: 'GET',
    url: urlink,
    success: function (resp) {
        var select = document.getElementById("dpdclt");
        var data = "";


        document.getElementById("dpdclt").options.length = 0;
        $("#dpdclt").append($("<option></option>").val(0).html('Select Country'));
        for (var i = 0; i < resp.length; i++) {

            $("#dpdclt").append($("<option></option>").val(resp[i].Sno).html(resp[i].Country));
        }



    },
    error: function (e) {

        window.plugins.toast.showLongBottom("Check your connection settings");

    }
});};

like the above function i have 6 other functions which i have to load on page load

2. $(window).on("load",function2);
3. $(window).on("load",function3);
4. $(window).on("load", function4);
5. $(window).on("load", function5);

Here when the page loads in the dropdown im getting only 'Select Country' in the dropdown it is not loading dynamic contents

Answer 1

Usually you can use window.onload, but you may notice that recent browsers don't fire window.onload when you use the back/forward history buttons.

You can try one of the below code if you want to execute something on page load.

$(document).ready(function(){
    //Page loaded
});

OR

$(function(){
    //Page loaded
});

EDIT: Try this

window.onload = function(){
   //Page loaded
};

Or if you want to use jQuery then try this

$(window).bind('load', function(){
   //Page loaded
});

Still facing error check your console for any errors...