ポジションが変更されない

Question

私はdivをポジションに応じて一方または他方に移動しようとしていますが、しかし！私がどのような方法でチャンスをとっても、それは本当に変化しません。

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

のvar PORPはportafolioの初期位置は（％）

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(); 


     }); 


    } 

13ですが、

今のdivの（portafolio）の位置の割合を節約し、私はに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

アリスは、私はあなたが何をしようとしている正確にわからないんだけど、場合とそうでない文は、おそらく「クリック（）」ハンドラ内でなければなりません。何かのように、

$("#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 } 

});