当前位置: 代码迷 >> Web前端 >> 怎么让jQuery Mobile应用支持非移动浏览器及IE7+
  详细解决方案

怎么让jQuery Mobile应用支持非移动浏览器及IE7+

热度:278   发布时间:2012-10-28 09:54:44.0
如何让jQuery Mobile应用支持非移动浏览器及IE7+

? ? ??jQuery Mobile做得很漂亮,目前已经发布 1.0-beta 2了,标志可用于实际生产环境的日子也不远了。jQuery Mobile的野心非常大,它想一统移动开发,包括:android,iphone,Symbian,Blackbery,webOS。那么有否想过将其用于企业应用开发中,或者让其支持IE呢,是的,已经有人在 jQuery 的论坛中问过此事了,得到的答案是Yes。答案也比较简单,参见:https://gist.github.com/723870,一断javaScript代码,放在jQuery库和jQuery Mobile库中间:

?

?

//run this script after jQuery loads, but before jQuery Mobile loads

//customize jQuery Mobile to let IE7+ in (Mobile IE)				
$(document).bind("mobileinit", function(){
  $.extend(  $.mobile , {
  	
  //extend gradeA qualifier to include IE7+
    gradeA: function(){    	
    	//IE version check by James Padolsey, modified by jdalton - from http://gist.github.com/527683
		var ie = (function() {
		    var v = 3, div = document.createElement('div'), a = div.all || [];
		    while (div.innerHTML = '<!--[if gt IE '+(++v)+']><br><![endif]-->', a[0]); 
		    return v > 4 ? v : !v;
		}());
    	
    	//must either support media queries or be IE7+
    	return $.support.mediaquery || (ie && ie >= 7);
    }
  });
});
  相关解决方案