javascript - 运行两个不同的 jQuery 函数

Question

我正在尝试运行两个不同的脚本，但一次只能运行一个。如果代码 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>

Answer 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>