jQuery中的错误如果...其他语句

Question

有人可以找到此代码中的错误？当我用这个破碎的jQuery代码运行它时，除了正文样式，我的整个网站都消失了。我的网站太大，无法发布整个html，css，jq代码... 对于我想要用下面的代码进行更好的代码的建议非常受欢迎。代码首先激活拖动.Box1，.Box2 ...然后它动画移动到不同的位置。我只是想要切换.smartBox点击时去点A，当点击时再点B点。

在此先感谢。

/* .smartBox on click: actiave dragging */ 
 
    var smartBoxClicked = false; 
 
    
 
    
 
    if(smartBoxClicked = false) { 
 
     
 
     $('.smartBox').click(function() { 
 
      $('.Box1, .Box2, .Box3, .Box4').draggable(); 
 
      $(this).animate({'top': '1%'}, 1000).animate({'left': '48%'}, 1000); 
 
      smartBoxClicked = true; 
 
     } else { 
 
      $('.smartBox').click(function() { 
 
       $(this).animate({ 
 
        'top': '370px' 
 
       }, 1000).animate({'left': '32.26%'}, 1000); 
 
       smartBoxClicked = false; 
 
     }); 
 
    }); 
 
    }; 
 
    
 
    /* .smartBox is a div with an image */

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Answer 1

应该

var smartBoxClicked = false;  

if(smartBoxClicked == false) { 
    $('.smartBox').click(function() {   
     $('.Box1, .Box2, .Box3, .Box4').draggable(); 
     $(this).animate({'top': '1%'}, 1000).animate({'left': '48%'}, 1000); 
     smartBoxClicked = true; 
    }); 
}else { 
    $('.smartBox').click(function() { 
     $(this).animate({ 
      'top': '370px' 
     }, 1000).animate({'left': '32.26%'}, 1000); 
     smartBoxClicked = false; 
    }); 
}; 

“=” 是赋值， “==” 应该是比较，也是你的大括号不匹配。

Answer 2

在使用肘类此情况下，是很容易的：

.animated{ 
    top: 1%; 
    left: 48%; 
} 
.smartBox 
{ 
    transition-duration: 1s; 
} 

和jQuery：

$('.smartBox').click(function() { 
     $(this).toggleClass('animated'); 
}