代碼段的JS無法在代碼段以外的任何地方工作

當我在IE 10或11的代碼段中打開代碼時，此代碼有效，但當我試圖在jsfiddle或IE 10或11中的任何位置執行相同的操作時，。我已經嘗試複製/粘貼並導出爲存檔，那有什麼問題？代碼段的JS無法在代碼段以外的任何地方工作

if ('objectFit' in document.documentElement.style === false) { 
 
\t document.addEventListener('DOMContentLoaded', function() { 
 
\t \t Array.prototype.forEach.call(document.querySelectorAll('img[data-object-fit]'), function (image) { 
 
\t \t \t (image.runtimeStyle || image.style).background = 'url("' + image.src + '") no-repeat 50%/' + (image.currentStyle ? image.currentStyle['object-fit'] : image.getAttribute('data-object-fit')); 
 

 
\t \t \t image.src = 'data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'' + image.width + '\' height=\'' + image.height + '\'%3E%3C/svg%3E'; 
 
\t \t }); 
 
\t }); 
 
}

img { 
 
\t box-shadow: 0 0 0 1px; 
 
\t height: 200px; 
 
\t width: 200px; 
 
} 
 

 
img[data-object-fit="contain"] { 
 
\t object-fit: contain; 
 
} 
 

 
img[data-object-fit="cover"] { 
 
\t object-fit: cover; 
 
}

<img src="https://placehold.it/1080x200" data-object-fit="cover"> 
 

 
<img src="https://placehold.it/1080x200" data-object-fit="contain">

來源

2017-03-17 Aleksei Sievriukov

你是什麼意思，它「不起作用」？不運行，拋出錯誤，在開始時不通過條件檢查？ –

另請注意，在IE瀏覽器中實際上不支持'object-fit' https://developer.mozilla.org/en-US/docs/Web/CSS/object-fit –

@JaredSmith它不會拋出任何錯誤，條件檢查在開始時運行良好，但結果是沒有任何js –

安東Chukanov，你的想法是正確的，有點我發現上的jsfiddle我可以選擇加載JS的類型，所以默認類型是「的onLoad」當我選擇「無包裹體」或「無包裹頭」，它開始正常工作。所以我覺得比代碼更容易改變加載類型。謝謝大家誰參與了這個問題！

來源

2017-03-17 12:58:04

Codepan只是火患 'DOMContentLoaded' 上運行代碼的事件，但的jsfiddle沒有。檢查document.readyState

https://codepen.io/anon/pen/Rpjedb

https://jsfiddle.net/9ua5h7qc/1/

來源

2017-03-17 12:33:01

代碼段的JS無法在代碼段以外的任何地方工作

回答

相關問題