简单的jQuery在Firefox工作，但不是Chrome浏览器

-1

我有一个基本的内容简单的div ...简单的jQuery在Firefox工作，但不是Chrome浏览器

<div id="slide"> ... </div>

下面的代码在Firefox，但无法在Chrome。我试着访问.css（“width”）和其他属性以及相同的结果。

$(window).resize(function() { 
    if($(this).width() < 900) { 
    alert($("#slide").html()); 
    } 
});

任何想法为什么这不适用于Chrome？一个有趣的事情是这样做在两个工作...

$(window).resize(function() { 
    if($(this).width() < 900) { 
    $("#slide").hide(); 
    } 
});

我的最终目标是访问/更改DIV一个子元素，但没有工作，所以我试图访问到div本身是一个理智的检查...并没有在Chrome运气。

来源

2016-03-04 theCodeWhisperer

我无法重现您的问题，请参见[JS斌（https://jsbin.com/comunamopa/edit?html,js，控制台，输出）。 –

您确定在弹出警告时，您没有在Chrome中选中“阻止其他对话框”复选框？尝试清除浏览器缓存和设置。同样避免使用'alert（）'，而是使用'console.log（）'。 http://stackoverflow.com/questions/19640361/re-enabling-window-alert-in-chrome –

你正在运行什么版本的铬？你有没有尝试更新？ – Lewis

下工作正常，我...

的Chrome版本48.0.2564.116（64位）

var slide = $("#slide"); 

$(window).resize(function(){ 
    if($(this).width() < 900){ 
     alert(slide.html()); 
    } 
})

的js小提琴：https://jsfiddle.net/e28Lnv5t/1/

来源

2016-03-04 16:46:46 Lewis

感谢jsfiddle示例帮助我解决问题。 – theCodeWhisperer

以下作品我

HTML：

<p>Minimize the screen and look different</p> 

<div id="slide">TEST</div>

CSS：

#slide{ 
    border: solid thin #bebebe; 
}

$(window).resize(function(){ 
    if($(this).width() < 900){ 
    $("#slide").hide(); 
    } 
})

来源

2016-03-04 17:06:25

这段代码适合你吗？ –

简单的jQuery在Firefox工作，但不是Chrome浏览器

回答

相关问题