ページで 3 つの異なる jquery スクリプトを実行しています。異なるバージョンの jquery を使用していると思いますが、すべてが同時に機能するとは限りません。noconflict を無駄に使用しようとしました-答えは非常に単純で、コードは混乱していると思いますが、私はJqueryに非常に慣れていないので、それを見つけることができません。さまざまなビットを削除しようとしましたが、3 つのうちの 1 つが常に機能しなくなります。現時点では、コードの最後のブロック (「カメラ」というタイトル) であるスライドショーの進むボタンと戻るボタンだけが機能していないためです。動作していますが、ドロップダウン メニューと「四角形」は動作しています。よろしくお願いします。コードは次のとおりです。
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" >
<title>AMAR </title>
<meta name="description" content="AMAR">
<link rel='stylesheet' id='camera-css' href='css/camera.css' type='text/css' media='all'>
<link rel="stylesheet" type="text/css" href="flexdropdown.css" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="flexdropdown.js">
<script src="http://www.google.com/jsapi" type="text/javascript"></script>
<script type="t
ext/javascript">google.load("jquery","1.6.1");</script>
<link rel="stylesheet" href="css/jsquares.css" type="text/css" media="all" />
<script src="js/jquery.hoverintent.min.js" type="text/javascript"></script>
<script src="js/jquery.jsquares.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#js-container').jsquares();
});
</script>
<script type='text/javascript' src='scripts/jquery.min.js'></script>
<script type='text/javascript' src='scripts/jquery.mobile.customized.min.js'></script>
<script type='text/javascript' src='scripts/jquery.easing.1.3.js'></script>
<script type='text/javascript' src='scripts/camera.min.js'></script>
<script>
jQuery(function(){
jQuery('#camera_wrap_1').camera({
height: '40%',
thumbnails: false,
fx: 'simpleFade', hover: false, navigationHover: false, portrait: false, time: 8000,
});
jQuery('#camera_wrap_2').camera({
height: '30%',
loader: 'bar',
pagination: false,
thumbnails: false
});
});
</script>