Javascript 如何根据窗口宽度加载和运行脚本
我正在开发一个1页的迷你应用程序,并尝试根据屏幕宽度加载不同版本的应用程序:Javascript 如何根据窗口宽度加载和运行脚本,javascript,jquery,Javascript,Jquery,我正在开发一个1页的迷你应用程序,并尝试根据屏幕宽度加载不同版本的应用程序: (function() { // This is on the body of the document var windowWidth = $(window).width(); if(windowWidth > 1000){ $('head').append('<script src=\"http://example.com/jquery.full-width-versio
(function() { // This is on the body of the document
var windowWidth = $(window).width();
if(windowWidth > 1000){
$('head').append('<script src=\"http://example.com/jquery.full-width-version.js\" type="text/javascript\"><\/script>');
}else{
$('head').append('<script src=\"http:/example.com/jquery.responsive-version.js\" type="text/javascript\"><\/script>');
}
})();
行中:
IC.createConfigurator();
因此,它不能将IC识别为对象这是$(document).ready()中的代码吗?尝试以这种方式使用它,将其设置为特定大小的“html”
$(function(){
$('html').data('size','big');
});
$(window).scroll(function (){
if( $(window).width() > 1000 ){
if($('html').data('size') == 'big') {
$('html').data('size','small');
$('head').append('<script src=\"http://example.com/jquery.full-width-version.js\" type="text/javascript\"><\/script>');
}
} else {
if($('html').data('size') == 'small'){
$('html').data('size','big');
$('head').append('<script src=\"http:/example.com/jquery.responsive-version.js\" type="text/javascript\"><\/script>');
}
});
$(函数(){
$('html').data('size','big');
});
$(窗口)。滚动(函数(){
如果($(窗口).width()>1000){
如果($('html').data('size')=='big'){
$('html')。数据('size','small');
$('head')。追加('');
}
}否则{
如果($('html').data('size')=='small'){
$('html').data('size','big');
$('head')。追加('');
}
});
如果有人调整窗口大小会发生什么?这会有什么不同?
$(function(){
$('html').data('size','big');
});
$(window).scroll(function (){
if( $(window).width() > 1000 ){
if($('html').data('size') == 'big') {
$('html').data('size','small');
$('head').append('<script src=\"http://example.com/jquery.full-width-version.js\" type="text/javascript\"><\/script>');
}
} else {
if($('html').data('size') == 'small'){
$('html').data('size','big');
$('head').append('<script src=\"http:/example.com/jquery.responsive-version.js\" type="text/javascript\"><\/script>');
}
});