Javascript 运行两个不同的jQuery函数

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

$（函数（）{
$（'body'）.peelback({
AdImages:'images/peel-ad.png'，
peelImage:'images/peel image.png'，
单击URL:'http://www.thebestdinosaur.com/',
小型：150，
大尺寸：500，
盖特拉克：没错，
加拉贝尔：“一条剑龙”，
自动设置动画：真
});
});

代码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>

$（窗口）。加载（函数（）{
$（“#滑块”）.nivoSlider（）；
});

您可以使用，因此将第一个代码替换为：

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

var jq152=jQuery.noConflict（true）；
jq152（功能（$）{
$（'body'）.peelback({
AdImages:'images/peel-ad.png'，
peelImage:'images/peel image.png'，
单击URL:'http://www.thebestdinosaur.com/',
小型：150，
大尺寸：500，
盖特拉克：没错，
加拉贝尔：“一条剑龙”，
自动设置动画：真
});
});

只包含jQuery一次。如果确实需要使用两个不同版本，请阅读。另请参见您删除了

ready

回调（有意？）。只需执行

jq152（函数（$）{…}）

.Felix，你的代码在IE中工作得非常完美，但在Firefox中只有nivo.slider可以工作。有什么想法吗？View@user196815不知道为什么，但你的网站在Firefox和Chrome中非常适合我。尝试清除浏览器缓存。