обновить/переустановить переменную jquery после формы ajax отправить

Question

У меня возникли проблемы с выяснением этого, может ли кто-нибудь помочь?

Я не уверен, что это даже возможно, мне нужно обновить/перезагрузить переменную, поскольку мне нужно сохранить ее для других функций, поэтому ее можно использовать глобально.

У меня есть эта переменная в верхней части моей JQuery добра ...

var heightOne = $panelOne.height(); 

, и я стараюсь, чтобы обновить его, когда мой Аякса форма тяжести посылает.

У меня есть эта переплетены функция, которая будет срабатывать, когда форма валяной перезагружается, поэтому я предполагаю, что я могу поставить свою переменную обновления/сбросить скрипт внутри здесь ...

$(document).bind('gform_post_render', function(){ 

    // variable refresh code in here...  

    $slidePane.css({ 'height' : heightOne + 'px' }); // then this will follow and use new height taken from $panelOne updated variable 

}); 

Но я «Я пытаюсь выяснить, с чего начать. Любая помощь будет потрясающей.

---

UPDATE

Это мой сценарий в полном объеме, чтобы показать вам, что я пытаюсь достичь.

$(window).load(function(){ 

    var $slidePane = $("#sliding-pane"), 

     $stageOne = $("#nav-stage-1"), 
     $stageTwo = $("#nav-stage-2"), 
     $stageThree = $("#nav-stage-3"), 

     heightOne = $("#panel-stage-1").height(), 
     heightTwo = $("#panel-stage-2").height(), 
     heightThree = $("#panel-stage-3").height(); 

    $slidePane.css({ 'height' : heightOne + 'px' }); 

    $.fn.slideThree = function() { 

     $slidePane.stop().animate({ 
       left : "0px", 
       height : heightOne + 'px' 
     }, 300); 

     FB.Canvas.scrollTo(0, 510); 

    }; 

    $.fn.slideThree = function() { 

     $slidePane.stop().animate({ 
       left : "-680px", 
       height : heightTwo + 'px' 
     }, 300); 

     FB.Canvas.scrollTo(0, 510); 

    }; 

    $.fn.slideThree = function() { 

     $slidePane.stop().animate({ 
       left : "-1360px", 
       height : heightThree + 'px' 
     }, 300); 

     FB.Canvas.scrollTo(0, 510); 

    }; 

    $stageOne.on('click', function() { 

     $(this).slideOne(); 

    }); 

    $stageTwo.on('click', function() { 

     $(this).slideTwo(); 

    }); 

    $stageThree.on('click', function() { 

     $(this).slideThree(); 

    }); 

    $(document).bind('gform_post_render', function(){ 

     $slidePane.css({ 'height' : heightThree + 'px' }); 

    }); 

}); 

Answer 1

Я рекомендую вам ставить overflow:hidden в CSS в slidePane; таким образом размеры будут автоматически изменяться. Для этого вам не нужно jquery.

Answer 2

var $slidePane = $("#sliding-pane"), 
    /* ...other vars... */ 
    heightThree = $("#panel-stage-3").height(); 

    // Cache the height 
    $('#panel-stage-3').data('origHeight', heightThree); 


$(document).bind('gform_post_render', function(){ 
    $slidePane.css({ 'height' : $('#panel-stage-3').data('origHeight') + 'px' }); 
});