0

だから私は Web デザインと Dreamweaver にはかなり慣れていませんが、かなりしっかりしたものをまとめることができました。私が抱えている唯一の問題は、画像用の 2 つの主要な JavaScript (1 つのスライダーと 1 つのライトボックス ギャラリー) が互いに打ち消し合っていることです。一方が機能する場合、もう一方は機能しません。先頭のコードは次のとおりです。何かアドバイス？

<!-- Style sheets themes for the Nivo Slider -->
<link rel="stylesheet" href="nivo-slider/themes/default/default.css" type="text/css" media="screen" />
<link rel="stylesheet" href="nivo-slider/themes/pascal/pascal.css" type="text/css" media="screen" />
<link rel="stylesheet" href="nivo-slider/themes/orman/orman.css" type="text/css" media="screen" />
<!-- Main Styles Sheet for the Primento theme -->
<link rel="stylesheet" href="styles.css">
<!-- Google Webfonts - Other fonts can be installed - http://www.google.com/webfonts -->
<link href='http://fonts.googleapis.com/css?family=Lobster+Two:400,400italic,700'     rel='stylesheet' type='text/css'>
<script src="js/jquery-1.7.1.min.js" type="text/javascript"></script>
<script type="text/javascript" src="js/smooth-scroll.js"></script>
<!--script src="js/jquery.prettyPhoto.js" type="text/javascript" charset="utf-8"></script-->
<!--script src="js/jquery.validate.js" type="text/javascript"></script-->


<!-- Nivo Slider -->
<script type="text/javascript" src="js/jquery.nivo.slider.pack.js"></script>
<script type="text/javascript">
$(window).load(function() {
    $('#slider').nivoSlider();
});
</script>  

<script src="engine/js/jquery.min.js" type="text/javascript"></script>
<script src="engine/js/visuallightbox.js" type="text/javascript"></script>
4

1 に答える 1

1

jquery の 2 番目のインスタンスを削除してみてください。これは、jQuery オブジェクトを再初期化している可能性があり、ページが失敗します。

ページに必要な jQuery のインスタンスは 1 つだけです。使用しているプラ​​グインが古い (つまり 1.9 より前) ようです。古いバージョンの jQuery を試してみてください。1.7.x が機能しない場合は、1.8.x バージョンを試してください。バージョン 1.9 では、プラグインの動作を妨げる可能性があるいくつかの機能が削除されています。

于 2013-02-26T00:51:51.110 に答える