[英]load file depending on browser size
只是有關正確語法的一個快速問題。 我只想在瀏覽器屏幕<1100px時加載jquery文件。
<script type="text/javascript">
$(document).ready(function() {
if ($(window).width() < 1100) {
//load file
}
});
</script>
我想加載src =“ http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js,但找不到語法。
謝謝!
我假設您在嘗試獲取窗口寬度時沒有jQuery,所以類似以下內容:
<script>
var width = window.innerWidth || document.documentElement.clientWidth;
if ( width < 1100 ) {
var s = document.createElement('script'),
p = document.getElementsByTagName('script')[0];
s.async = true;
s.src = 'http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js';
p.parentNode.insertBefore(s, p);
}
</script>
如果您使用jQuery,則語法會更簡單:
<script>
if ( $(window).width() < 1100 ) {
$('<scr'+'ipt>').attr({
src: 'http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js',
async: true
}).insertBefore($('script:first'));
}
</script>
我認為您不會通過加載另一個較低版本來“卸載” jQuery版本,但這就是您的要求:)
$(document).ready(function() {
if ($(window).width() < 1100) {
var newscript = document.createElement('script');
newscript.type = 'text/javascript';
newscript.async = true;
newscript.src = 'http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js';
(document.getElementsByTagName('head')[0]
|| document.getElementsByTagName('body')[0]).appendChild(newscript);
}
});
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.