メニュー項目 (.imageslider) をクリックすると、外部の php サイト (imageslider.php) と追加のスクリプトを呼び出す ajax を作成しようとしています。.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');