需要IE6不支持的JQUERY,警告用户

时间:2010-01-19 02:49:09

标签: javascript jquery internet-explorer jquery-plugins

我正在构建一个应用程序,目前无意支持IE6。为了公平对待IE6,我希望IE6用户知道这一点,而不是认为该应用程序是由不称职的开发人员制作的。

我希望有一个JQUERY Plug-In可以在页面顶部提供一个很好的StackOverflow样式警报,即插件和放大器。玩,我做完了。令人惊讶的是,我找不到这样的插件。

有没有人知道任何可以进行IE6检测的插件,并且很高兴收到警告?如今这似乎很常见。

谢谢

4 个答案:

答案 0 :(得分:24)

使用条件和CSS

如果你有一个header包含类型文件(或者类似Rails中的layout),只需使用IE条件:

<body>
   <!--[if lte IE 6]>
      <div id="ie-warning">This site does not support IE6</div>
   <![endif]-->

然后在样式表中使用简单的样式。

或者,如果你真的想要jQuery:

这是一个简单的jQuery脚本,它可以满足您的需求。复制此内容并将其保存到jquery.ie6.js

(function($){
   $(function(){
      var message = "This site does not support Internet Explorer 6. Please consider downloading a <a href='http://firefox.com'>newer browser</a>.",
          div = $('<div id="ie-warning"></div>').html(message).css({
                   'height': '50px',
                   'line-height': '50px',
                   'background-color':'#f9db17',
                   'text-align':'center',
                   'font-family':'Arial, Helvetica, sans-serif',
                   'font-size':'12pt',
                   'font-weight':'bold',
                   'color':'black'
                }).hide().find('a').css({color:'#333'}).end();
      div.prependTo(document.body).slideDown(500);
    });
})(jQuery);

然后将其放入页面的head(当然包含jQuery之后):

<!--[if lte IE 6]>
   <script src="jquery.ie6.js" type="text/javascript" charset="utf-8"></script>
<![endif]-->

<强>样本

This demo设置为在所有浏览器中显示,但如果您按照我在if lte IE 6条件评论之间显示的那样包含它,它将只 >显示在IE6和旧版本的IE中。

答案 1 :(得分:4)

IE6Update。它轻巧独立;它不需要jQuery,但如果 使用jQuery,它将正常工作。

答案 2 :(得分:1)

我知道这已经得到了解答但我刚刚发现这个jQuery插件可以让你发布一条自定义的消息。

http://politeiewarning.blogspot.com/

答案 3 :(得分:0)

查看 jQuery.browser utility

if ($.browser.msie && jQuery.browser.version.substr(0,1)=='6') ...