如何将chrome特定的CSS添加到if语句中

时间:2015-07-11 19:45:25

标签: jquery

使这项工作的正确方法是什么,而不是针对具有不同高度的镀铬

        if(franchise_id=="0000") {
          $('#aj_auction').css('height', '558px');
            if($.browser.chrome) {
              $('#aj_auction').css('height', '598px');
            }
        }

3 个答案:

答案 0 :(得分:1)

您可以尝试 $。browser.chrome 来检查浏览器

if(franchise_id=="0000") {
  if($.browser.chrome) {
      $('#aj_auction').css('height', '598px');
  }else{

      $('#aj_auction').css('height', '558px'); 

 }
}

需要使用Modernizr。

但是,如果你一定想使用$ .browser属性,你可以使用jQuery Migrate插件(对于JQuery> = 1.9 - 在早期版本中你可以使用它)

答案 1 :(得分:1)

使用userAgent

检查它是否为chrome
    var is_chrome = navigator.userAgent.toLowerCase().indexOf('chrome') > -1;
    if(is_chrome){
        $('#aj_auction').css('height', '598px');
    }

答案 2 :(得分:0)

首先尝试检测浏览器并按如下方式应用该条件:

$.browser.chrome = /chrom(e|ium)/.test(navigator.userAgent.toLowerCase()); 
if($.browser.chrome){
........
}

jQuery已从1.9及其最新版本中删除了$ .browser。但我们仍然可以将$ .browser用作独立插件link

希望这有帮助。