我正在尝试让 ajax 在单击菜单项 (.imageslider) 时调用外部 php 站点 (imageslider.php) 和附加脚本。调用 .php 可以完美运行,但脚本 (js-image-slider.js) 在启动主页时已经启动!而且因为我有 7 个菜单项,每个都有不同的脚本,我想让它们用 $.getscript 加载!有人知道我在做什么错吗?
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script>jQuery(document).ready(function($) {
$('.imageslider').on('click', function() {
var href = $(this).attr('href');
if ($('#ajax').is(':visible')) {
$('#ajax').css({ display:'block' }).animate({ height:'0' }).empty();
}
$('#ajax').css({ display:'block' }).animate({ height:'2000px' },function() {
$('#loader').css({ border:'none', position:'relative', top:'24px', left:'48px', boxShadow:'none' });
$('#ajax').load('imageslider.php ' + href, function() {
$('#ajax').hide().fadeIn('slow').colorFade({ 'fadeColor': '#0e0e0e'});
});
});
}).click(); // calls imageslider initially without clicking it, because it's the main page
});$.getScript('/js/js-image-slider.js');