我试图运行两个不同的脚本,但一次只能运行一个脚本。如果代码1和2在同一页面上,则只有一个有效。如何让它们在同一页面上工作?
代码1
<script src="lib/jquery-1.5.2.min.js"></script>
<script src="lib/jquery.peelback.js"></script>
<script>
$(function() {
$('body').peelback({
adImage : 'images/peel-ad.png',
peelImage : 'images/peel-image.png',
clickURL : 'http://www.thebestdinosaur.com/',
smallSize: 150,
bigSize: 500,
gaTrack : true,
gaLabel : '#1 Stegosaurus',
autoAnimate: true
});
});
</script>
代码2
<script src="lib/jquery.min.js" type="text/javascript"></script>
<script src="lib/jquery.nivo.slider.pack.js" type="text/javascript"></script>
<script type="text/javascript">
$(window).load(function() {
$('#slider').nivoSlider();
});
</script>
答案 0 :(得分:1)
您可以使用 jQuery.noconflict ,因此请将第一个代码替换为:
<script src="lib/jquery-1.5.2.min.js"></script>
<script src="lib/jquery.peelback.js"></script>
<script>
var jq152 = jQuery.noConflict(true);
jq152(function($) {
$('body').peelback({
adImage: 'images/peel-ad.png',
peelImage: 'images/peel-image.png',
clickURL: 'http://www.thebestdinosaur.com/',
smallSize: 150,
bigSize: 500,
gaTrack: true,
gaLabel: '#1 Stegosaurus',
autoAnimate: true
});
});
</script>