私はjqueryを初めて使用しています。このことを理解しようと半日を過ごしたが、まだどこにもいない。ファンシーボックスを動作させることができません
別のjqueryスクリプトが実行されていて、正しく動作しています。私はfancyfoxを追加しようとしただけで動作しません。私は自分のページを作成して、それを稼働させることができるかどうか、そのような運がないかどうかを確認しようとしました。私は間違って何をしているのか分かりません。私は以下のページコードを貼り付けました。どんな援助も非常に高く評価されます。私もdreamweaverを使用して、他のjqueryの.jsファイルが添付されていることに気付きました。どのように私はそれらを添付したのか分かりませんが、fancyboxの.jsファイルは表示されません。これらの行のすべての
1の最初の
<!-- The JavaScript -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script type="text/javascript" src="jquery.easing.1.3.js"></script>
<script type="text/javascript" src="/fancybox/jquery.easing-1.4.pack.js"></script>
<script type="text/javascript" src="/fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
<script type="text/javascript" src="/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<link rel="stylesheet" href="/fancybox/jquery.fancybox-1.3.4.css" type="text/css" media="screen" />
<script type="text/javascript">
$(function() {
$('ul.nav a').bind('click',function(event){
var $anchor = $(this);
/*
if you want to use one of the easing effects:
$('html, body').stop().animate({
scrollLeft: $($anchor.attr('href')).offset().left
}, 1500,'easeInOutExpo');
*/
$('html, body').stop().animate({
scrollLeft: $($anchor.attr('href')).offset().left
}, 1000);
event.preventDefault();
});
$(".fancyimg").fancybox();
});
</script>
</body>
スクリプトのインクルードから始めることができます。これらのファイルが確実にロードされていますか? JavaScriptエラーが出ていますか? 使用しているセレクタは ".fancyimg"で、これは.fancyimgクラスを使用してahref要素を探していることを示します。あなたはその要素を持っていますか? –