自定义 Javascript 不会在 Joomla 中运行

Question

我在我的网站上使用Joomla-3，并创建了一个简单的小JavaScript(ajax) 文件，我通过模板配置文件附加了该文件（如模板文档中所示）。

我还在一篇文章中添加了我的html（没有TinyMCE 等，所以我知道它接受我的代码）。该脚本在一个简单的.html 或.php 文件中运行良好，但它不能与Joomla 一起运行。

我的脚本有 2 个依赖 ajax 下拉菜单（静态内容）。您对可能出现的问题有任何想法吗？

提前谢谢你！

PS。你可以找到我的 JavaScript here 的代码。

代码如下：

$(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

试过了吗？ $(window).on(‘加载’, function(){ // 太棒了 })