Javascript 在Firefox中使用简单的jQuery，但不使用Chrome

我有一个基本内容的简单div

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

。。。

以下代码适用于FireFox，但不适用于Chrome。我尝试访问.css（“width”）和其他属性，结果也是一样的

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

$（窗口）。调整大小（函数（）{
如果（$（此）.width（）<900）{
警报（$（“#幻灯片”）.html（）；
}
});

知道为什么这在Chrome中不起作用吗？一件有趣的事是这在两个方面都有效

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

$（窗口）。调整大小（函数（）{
如果（$（此）.width（）<900）{
$（“#幻灯片”）.hide（）；
}
});

---

我的最终目标是访问/更改div中的子元素，但这不起作用，因此我尝试访问div本身以进行健全性检查…但在Chrome中没有运气。

以下内容对我来说很好

Chrome版本48.0.2564.116（64位）

var slide=$（“#slide”）；
$（窗口）。调整大小（函数（）{
如果（$（此）.width（）<900）{
警报（slide.html（））；
}
})

---

Js Fiddle:

以下内容适合我

HTML:

JS

$（窗口）。调整大小（函数（）{
如果（$（此）.width（）<900）{
$（“#幻灯片”）.hide（）；
}
})

我无法重现您的问题，请参阅。您确定在第一次弹出警报时没有选中Chrome中的“阻止其他对话框”复选框吗？尝试清除浏览器缓存和设置。同时避免使用

alert（）

，而是使用

console.log（）

。你正在运行什么版本的chrome？您尝试过更新吗？谢谢JSFIDLE示例帮助我解决了问题。

var slide = $("#slide");

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

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

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

#slide{
  border: solid thin #bebebe;
}

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