私はJoomla-3
自分のウェブサイトに使用しており、テンプレート構成ファイルを介して添付した単純な小さなJavaScript(ajax)
ファイルを作成しました(テンプレートのドキュメントに記載されています)。
私もhtml
記事に追加しました(TinyMCE
などがないので、コードが受け入れられることがわかります)。スクリプトは単純な.html
または.php
ファイルでは正常に機能しますが、 Joomla
.
私のスクリプトには、2 つの依存ajax
ドロップダウン メニュー (静的コンテンツ) があります。何がうまくいかないかについて何か考えはありますか?
前もって感謝します!
PS。私の JavaScript のコードはこちらにあります。
コードは次のとおりです。
$(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;
});
});
});