自定义Javascript无法在Joomla中运行

Question

I am using Joomla-3 for my websites and I have created a simple small JavaScript(ajax) file which I attached through the template config file(as seen on the template's documentation).

I also added my html in an article(without TinyMCE etc so I know it accepts my code). The script works fine in a simple .html or .php file but it doesn't work along with Joomla .

My script has 2 dependent ajax dropdown menus(static content). Do you have any ideas on what could go wrong?

Thank you in advance!

PS. You can find the code of my JavaScript here .

Here's the code:

$(window).load(function () {
  var services = [];

  services['service1'] = [{
      "name": "Giannis",
      "url": "giannis"
    }, {
      "name": "Kostas",
      "url": "kostas"
    }, {
      "name": "Fillipos",
      "url": "fillipos"
    }
  ];
  services['service2'] = [{
      "name": "Maria",
      "url": "maria"
    }, {
      "name": "Peter",
      "url": "peter"
    }, {
      "name": "Jack",
      "url": "jack"
    }
  ];

  services['service3'] = [{
      "name": "Dimitris",
      "url": "dimitris"
    }, {
      "name": "Takis",
      "url": "takis"
    }, {
      "name": "Gianna",
      "url": "gianna"
    }
  ];


  jQuery(document).ready(function () {
    jQuery("#services").change(function () {
      var selectedService = $(this).val();
      $('#doctors').children().remove();
      $('#doctors').append('<option value="Null">Click to select a Doctor</option>');
      jQuery.each(services[selectedService], function (ind, val) {
        $('#doctors').append('<option value="' + this.url + '">' + this.name + '</option>');
      })
    });

    jQuery("#doctors").change(function () {
      var redirServ = $('#services option:selected').val();
      var thePersonObject = services[redirServ];
      var goThere = $(this).val();
      var fullurl = 'http://www.website.com/our-services/' + redirServ + '/item/' + goThere;
      alert(fullurl);
      //location.href = 'http://www.website.com/our-services/' + redirServ + '/item/' + goThere; 
    });
  });
});

Answer 1

Tried this? $(window).on('load', function(){ // AWESOMENESS })