javascript - 位置不变

Question

我正在尝试将 div 移动到一侧或另一侧，具体取决于它的位置，但是!无论我用什么方法来改变它的位置，它都不会真正改变。

var $ancho = $(document).width();
var $posP = $("#portafolio").offset().left;
var $porP = Math.floor($posP * 100 / $ancho);

var porP 保存 div(portafolio)位置的百分比

现在，投资组合的初始位置为13(%)

if($porP == '13')
  {


    $("#portafolio").mouseenter(function(){
            $("#imge").stop().fadeTo('500', 0.3,  function() {});});

        $("#portafolio").mouseleave(function(){
            $("#imge").stop().fadeOut('500',  function() {});
            });

    $("#portafolio").click(function(){

      $("#portafolio").animate({
        left: "+=87%",}, 
        { queue: false, duration: 900, easing:'swing' }); 
         $("#imge").fadeTo('500', 0.3,  function() {

             });

        $(iframe).attr('src','portafolio.html');
        $("#marco").fadeTo('500', 1 ,  function() {});
         $(iframe).open();


      });


  }

但即使我将 portafolio 向右移动，在动画函数中，porP var 仍然显示 13，因此它永远不会到达 else

else
  { move to the other side }

我已经尝试为 click 函数内的 porP var 分配一个新值，但无济于事。它总是执行 IF 语句。

有人知道为什么值(porP)没有改变吗？我怎样才能真正改变它以使其他最终工作？我到处搜索，用我对 jquery 非常有限的知识尝试了所有想到的东西，但一无所获。请!!

edit//#portafolio 是相对于其父级 #contenido 的相对定位 div，后者是绝对定位的且 left 20px 。 #portafolio 还剩 15% 。不知道有没有关系。

Answer 1

Alice，我不确定您到底想做什么，但是 if 和 else 语句可能应该位于“click()”处理程序内。比如，

$("#portafolio").click(function(){

var $ancho = $(document).width();
var $posP = $("#portafolio").offset().left;
var $porP = Math.floor($posP * 100 / $ancho);

if($porP == '13')
{

  $("#portafolio").animate({
    left: "+=87%",}, 
    { queue: false, duration: 900, easing:'swing' }); 
     $("#imge").fadeTo('500', 0.3,  function() {

         });

    $(iframe).attr('src','portafolio.html');
    $("#marco").fadeTo('500', 1 ,  function() {});
     $(iframe).open();

}
else
{ move to the other side }

});