使用我自己的功能检测媒体设备

时间:2014-03-11 09:25:13

标签: javascript jquery

为什么以下代码不起作用?

 var detectDevice;
    var mlg = function(){
        $(window).on('load resize',function(){
            if($(this).width >= 768){
                return detectDevice = 'mlg';
            }
        })
    }
    if(detectDevice=='mlg'){alert('test')}

更新:我需要使用以下内容:

var detectDevice;
var mlg = function(){
 //  detectDevice = 'mlg';
}
var mxs = function(){
 //  detectDevice = 'mxs';
}
if(detectDevice=='mlg'){
alert('test');
}

3 个答案:

答案 0 :(得分:1)

width()是一个函数试试这个,

$(window).on('load resize',function(){// remove quotes from window
   if($(this).width() >= 768){ //use width() and 768 rempve px
       detectDevice = 'mlg';// remove return
   }
});

Demo

答案 1 :(得分:1)

width是方法,而不是属性。所以它应该是width()。也可以使用$(window)代替$('window'):

$(window).on('load resize',function(){
        if($(this).width() >= 768){//or $(window).width()
            return detectDevice = 'mlg';
        }
    })

答案 2 :(得分:1)

试试这个。

var detectDevice;
function mlg(){
    if($(window).width() >= 768){
        detectDevice = 'mlg';
        if(detectDevice=='mlg'){
            alert('test');
        }
    };
};
$(window).on('load resize', function(){mlg();});

Fiddle Demo