简单的jQuery在Firefox中工作，但不能在Chrome中工作

Simple jQuery working in Firefox but not Chrome

本文关键字：工作 但不能 Chrome Firefox jQuery 简单      更新时间：2023-09-26

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

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

以下代码适用于 FireFox，但不适用于 Chrome。 我尝试访问.css（"宽度"）和其他属性，结果相同。

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

知道为什么这在 Chrome 中不起作用吗？ 一件有趣的事情是这确实适用于两个...

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

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

以下内容对我来说很好用...

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/

以下内容对我有用

.HTML：

<p>Minimize the screen and look different</p>
<div id="slide">TEST</div>

.CSS：

#slide{
  border: solid thin #bebebe;
}

.JS

$(window).resize(function(){
    if($(this).width() < 900){
    $("#slide").hide();
  }
})
相关文章：