ajax 양식 뒤에 새로 고침/재설정 jquery 변수를 보내십시오.

Question

이 문제를 해결하는 데 어려움을 겪고 있습니다. 아무도 도와 줄 수 있습니까?

만약 가능하다면 다른 변수의 범위를 유지해야하므로 변수를 새로 고침/재설정해야하므로 전체적으로 사용할 수 있습니다.

나는 내 JQuery와 선 (善)의 상단이 변수 ...

var heightOne = $panelOne.height(); 

을하고 난 내 아약스 중력 양식을 보낼 때 새로 고침하기 위해 노력하고있어.

I 양식이 다시로드 fulled, 그래서 내가/내 변수 새로 고침을 넣어 여기에 내부에 스크립트를 재설정 할 수 있습니다 생각했을 때 발생한다이 바인더 제본 기능 ...

$(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을 slidePane의 CSS에 넣는 것이 좋습니다. 그런 식으로 치수가 자동으로 조정됩니다. 이 경우 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' }); 
});