访问全局变量

Question

我有这样的情况：

talenti = $(".talenti");
filtra = $(".filtra");
wrapNavHeight =  $("#wrapNav").outerHeight(true);
filtra.click(function(e) {
    e.preventDefault();
    $(".nasco").hide();
    $("#sliding-navigation").delay(delay).show();
    delay += 500;
    talenti.removeClass('opened');
    filtra.addClass('opened');
    filtra.attr('id',"focF");
    talenti.attr('id',"");
    if (filtra.hasClass("opened")) {
        $("#wrapNav").slideToggle("100", "linear", function(){
            alert(wrapNavHeight);
            $("#container").animate({"height": "+=wrapNavHeight"}, 100,function(){
                $(".box").animate({"top": "+=wrapNavHeight"});
            });
        });
    } 
});

我正在尝试获取wrapNavHeight但警报（wrapNavHeight）; 输出null; 然后无法将该值分配给下一个动画行

任何人？

Answer 1

难道不是您在不可见的时候给变量outerHeight的值吗？ 我认为您需要在切换转换后重新评估outerHeight 。 更换

alert(wrapNavHeight);

同

alert($("#wrapNav").outerHeight(true));

看看有没有更好的选择？

Answer 2

没人能真正解释为什么会这样。 原因如下：

这取决于：

• 哪个对象用作“ this”来调用包含上面所有代码的函数
• 哪个对象用作“ this”，以调用从代码的第4行开始定义的函数

在JavaScript中，“全局”引用实际上适用于当前this对象（如果不在函数内，则适用于“真实”全局对象（Web浏览器中的window ））

因此，如果我上面指出的2个函数的this对象不同，那么您将得到所观察到的情况。

在浏览器中，默认情况下， this对象通常是window ，但是可以在运行函数时更改this对象，例如，通过传递不同的参数来apply或通过调用函数作为方法。

去过，因为我用jQuery的严重一年，但如果我记得没错，jQuery的事件处理程序通常重新绑定this相关的事件一些有用的东西（使用apply--你也可以这样做）。

因此，假设外部函数的this还没有被绑定到什么特别的东西比其他window ，只需更换wrapNavHeight与window.wrapNavHeight在内部功能来实现你想要的效果。

（不过，实际上， wrapNavHeight风格考虑，我实际上不会这样做。只需将wrapNavHeight声明为外部函数中的var ，然后您将获得词法作用域。）

Answer 3

尝试搜索。

jQuery全局变量最佳实践和选项？