Question

两个js代码冲突，怎么解决？

1、背景切换js
<script type="text/javascript">
$(document).ready(function(){
// Initialize Backgound Stretcher
$(document).bgStretcher({
images: ['images/01.jpg', 'images/02.jpg', 'images/03.jpg', 'images/04.jpg','images/05.jpg'],
imageWidth: 1483, imageHeight: 1000
});

$('#toggleAnimation').click(function(){
if($(this).val() == "Pause Animation"){
$(this).val("Resume Animation");
$(document).bgStretcher.pause();
} else {
$(this).val("Pause Animation");
$(document).bgStretcher.play();
}
});
});
</script>
2、相册js
<script src="detail_marquee.js" type="text/javascript"></script>
<script type="text/javascript">

$(document).ready(
function () {
var nums = $("#portfolio li").size();
$("#portfolio li:eq(0)").css("display","block").addClass("current");
jQuery('#mycarousel').jcarousel({ animation: 'slow', scroll: 1,initCallback: mycarousel_initCallback });

function mycarousel_initCallback(carousel) {

$("#mycarousel li").click(function(){

var i = $("#mycarousel li").removeClass("current").index($(this).addClass("current"));
carousel.scroll(i);
$(".dbImg ul li").eq(i).css("z-index","10").addClass("current").siblings("li").removeClass("current").css("z-index","1");
$(".dbImg ul li").eq(i).fadeIn(1500).siblings("li").fadeOut(1500);

});
};

$("#annual span").addClass("select").parent().siblings("li").find("span").removeClass("select");//导航选中
});
</script>

两个都不执行，去掉一个就可以执行一个了。
？？？？？？？？？？？？？

Answer 1

$(document).ready(function(){}) 这句话是在页面加载时执行，既然两个js同样有这句话，页面就不知道该执行哪个了
你可以把这两个js里的方法提取出来，然后去掉一个$(document).ready(function(){
在另一个里把两个方法放进去执行就可以了应该

Answer 2

楼主，你是不是去掉第二个JS然后第一个可以执行，没猜错的话，你去掉第一个JS，第二个JS还是没执行，你尝试下，应该你的问题出现在第二个JS，你先尝试是否这样

追问

去掉第一个，第二可以执行的，两个放在一个页面两个都不行了。

Answer 3

你可以把两个js放到 一个
$(document).ready(
function () {

});里面试试！

Answer 4

1贴出代码来
2冲突的原因
3名字相同？