Conflict 如何解决jQuery导航插件和javaScript文件引起的冲突？_Conflict

Conflict 如何解决jQuery导航插件和javaScript文件引起的冲突？

Conflict 如何解决jQuery导航插件和javaScript文件引起的冲突？,conflict,Conflict,我的jQuery导航可以工作——但现在它与fadeIn和fadeOut效果（图片和问候语）冲突，所以它们不会出现以下是指向我的页面的链接：以下是我的最终_project.js文件中有关fadeIn和fadeOut效果的代码： jQuery$(document).ready(function() { $('#headshot').css('visibility','visible').hide().fadeIn(5000); $('#greeting').css('visib

我的jQuery导航可以工作——但现在它与fadeIn和fadeOut效果（图片和问候语）冲突，所以它们不会出现

以下是指向我的页面的链接：

以下是我的最终_project.js文件中有关fadeIn和fadeOut效果的代码：

   jQuery$(document).ready(function() {
   $('#headshot').css('visibility','visible').hide().fadeIn(5000);
   $('#greeting').css('visibility','visible').hide().toggle(9000);

    var defaultH1 = parseInt($('h1').css('font-size')); 
    var defaultP = parseInt($('p').css('font-size'));   
    var count = 0;  
    var elements = ['p', 'h1'];

    $('.minus').click(function(){
if ( count >= -1 ) {
    $(elements).each(function(key, val) {
        $(val).css('font-size', parseInt($(val).css('font-size'))-2);
    });
    count--;
};
    });

    $('.plus').click(function(){
if ( count <= 1 ) {
    $(elements).each(function(key, val) {
        $(val).css('font-size', parseInt($(val).css('font-size'))+2);
    });
    count++;
 };
    });

    $('.reset').click(function(){
$('h1').css('font-size', defaultH1);
$('p').css('font-size', defaultP);
count = 0;
}
    });

jQuery$（文档）.ready（函数（）{
$（'#headshot'）.css（'visibility'，'visibility'）.hide（）.fadeIn（5000）；
$（'#greeting'）.css（'visibility'，'visibility'）.hide（）.toggle（9000）；
var defaultH1=parseInt（$（'h1'）.css（'font-size'））；
var defaultP=parseInt（$（'p'）.css（'font-size'））；
var计数=0；
变量元素=['p'，'h1']；
$（'.减号'）。单击（函数（）{
如果（计数>=-1）{
$（元素）。每个（功能）（键，值）{
$（val.css（'font-size'，parseInt（$（val.css（'font-size'））-2）；
});
计数--；
};
});
$（'.plus'）。单击（函数（）{
如果（count您的代码已经过测试，它有一些语法错误，我已经纠正了，并且工作正常，那么bellow正在运行代码
<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js">
</script>
<script>
$(document).ready(function() {
   $('#headshot').css('visibility','visible').hide().fadeIn(5000);
   $('#greeting').css('visibility','visible').hide().toggle(9000);

    var defaultH1 = parseInt($('h1').css('font-size')); 
    var defaultP = parseInt($('p').css('font-size'));   
    var count = 0;  
    var elements = ['p', 'h1'];

    $('.minus').click(function(){
if ( count >= -1 ) {
    $(elements).each(function(key, val) {
        $(val).css('font-size', parseInt($(val).css('font-size'))-2);
    });
    count--;
};
    });

    $('.plus').click(function(){
if ( count <= 1 ) {
    $(elements).each(function(key, val) {
        $(val).css('font-size', parseInt($(val).css('font-size'))+2);
    });
    count++;
 };
    });

    $('.reset').click(function(){
$('h1').css('font-size', defaultH1);
$('p').css('font-size', defaultP);
count = 0;
})
    });
</script>
</head>
<body>
<h1>Testing the code</h1>
<button class="minus"> - </button>
<button class="plus"> + </button>
<button class="reset"> reset </button>
<p>This is a paragraph.</p>
<h1 id="greeting">Welcome</H1>
<img src="http://www.kveller.com/mayim-bialik/wp-content/uploads/2011/12/mayim-bialik-headshot-cropped.jpg" id="headshot"></img>
</body>
</html>


$（文档）.ready（函数（）{
$（'#headshot'）.css（'visibility'，'visibility'）.hide（）.fadeIn（5000）；
$（'#greeting'）.css（'visibility'，'visibility'）.hide（）.toggle（9000）；
var defaultH1=parseInt（$（'h1'）.css（'font-size'））；
var defaultP=parseInt（$（'p'）.css（'font-size'））；
var计数=0；
变量元素=['p'，'h1']；
$（'.减号'）。单击（函数（）{
如果（计数>=-1）{
$（元素）。每个（功能）（键，值）{
$（val.css（'font-size'，parseInt（$（val.css（'font-size'））-2）；
});
计数--；
};
});
$（'.plus'）。单击（函数（）{
如果（计算）
<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js">
</script>
<script>

$(document).ready(function() {
   $('#headshot').fadeOut(000);
   $('#greeting').fadeOut(5000);
   $('#headshot').fadeIn(5000);
   setInterval(function(){
          $('#headshot').fadeOut(5000);
          $('#greeting').fadeIn(5000);
   },10000);
 setTimeout(function(){
         setInterval(function(){
               $('#headshot').fadeIn(5000);
               $('#greeting').fadeOut(5000);
         },10000);
   },5000); 
 });
</script>
<style>
#greeting,#headshot {position:fixed;top:0px;left:0px;}  
</style>
</head>
<body>
<h1 id="greeting" >Welcome</H1>
<img src="http://www.kveller.com/mayim-bialik/wp-content/uploads/2011/12/mayim-bialik-headshot-cropped.jpg" id="headshot" width="200px" height="200px"></img>
</body>
</html>