簡單的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瀏覽器

回答

相關問題