Javascript ajax表单发送后刷新/重置jquery变量

我弄不清楚这个，有人能帮忙吗

我不确定这是否可能，我需要刷新/重置变量，因为我需要为其他函数保留它的作用域，以便它可以全局使用

我在jquery的顶部有一个变量

var heightOne = $panelOne.height();

当我的ajax gravity表单发送时，我正在尝试刷新它

我有一个绑定的函数，它会在表单被重新加载时触发，所以我想我可以把我的变量刷新/重置脚本放在这里

$(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  

});

但我正在努力寻找从哪里开始。任何帮助都会很棒，谢谢

更新

这是我的完整脚本，向您展示我正在努力实现的目标

$(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' });

    });

});  

---

我建议您将溢出：隐藏在幻灯片面板的css中；这样，尺寸将自动调整大小。您不需要jquery来完成此任务。

这将是一个理想的解决方案，但是此div作为转盘上的幻灯片运行，并且需要一个定义的高度。谢谢如果你真的想要jquery，那么$slidePane.css'height'，heightOne；如果在回拨时将变量设置为所需的高度，则应可以工作。另外，确保$slidePane在范围内。很难看到发生了什么，因为你没有表现出太多。我认为你需要了解溢出是如何工作的；如果你的HTML/CSS很好，你就不必指定高度。我100%的溢出可以拯救我今天-这是一个旋转滑块，我所有的幻灯片都是不同大小的。这意味着，如果我的包含div$slidePane使用溢出，则它将始终是最高div的高度-此外，我正在为幻灯片之间的高度设置动画。我只需要在表单刷新时更新变量$panelOne。ThanksI am 100%溢出今天无法保存我*-typohmm是否还有其他方法可用于我的绑定函数？我正在wordpress重力表单上使用它？谢谢，我已经添加了我的完整脚本，所以你可以看到发生了什么。当绑定的gform_post_render函数启动时，变量'heightThree'值仍然与原始文档加载相同。我需要这个变量以某种方式更新值。根据您新提供的代码，我建议使用一个简单的数据缓存和引用。请参阅我的编辑。

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' });
});