JQuery - Window调整大小在Chrome上,但不适用于Firefox

时间:2014-09-09 19:28:39

标签: jquery google-chrome firefox

我有下面的代码在较宽的屏幕上显示较大的跟踪器,否则显示较小的跟踪器,但它仅适用于Chrome,我无法在Firefox中使用它。

我对JQuery并不熟悉,所以我怀疑它可能只是一个语法错误,Chrome更宽容但我在搜索时无法找到错误。谢谢你的帮助。

    $(window).resize(function() {
    var wi = $(window).width();

    if (wi <= 767){
        $('.LargerTracker').hide();
        $('.SmallerTracker').show();
        }
    else {
        $('.LargerTracker').show();
        $('.SmallerTracker').hide();
        }
    });

1 个答案:

答案 0 :(得分:1)

看起来你的逻辑很好,你可以在这里看到一个有效的例子http://jsfiddle.net/ygxbtt6c/3/

没有看到更多代码我无法确定,但是在将函数绑定到窗口调整大小事件之前,您可能需要等待DOM ready事件。

$( document ).ready(function() {
  // DOM is ready to be manipulated, put your code here
});

您可以在jQuery documentation

中详细了解就绪活动