原型:检测Chrome和添加类

时间:2010-12-15 03:01:23

标签: jquery google-chrome prototypejs browser-detection

好的,我有一个jQuery代码行,我需要转换为使用Prototype。

$(document).ready(function(){
 if(navigator.userAgent.indexOf('Chrome')!=-1)
 {
  /* Applying a special chrome curosor,
   as it fails to render completely blank curosrs. */
  zoom.addClass('chrome');  
 }
});

zoom是类名,我想在检测到chrome时为其添加类chrome。

到目前为止Prototype我有这个:

document.observe("dom:loaded", function() {
 Object.prototype.addClass = function(className) {
    if (!this.hasClass(className)) { //if the class isn't there already
    this.className += (' ' + className); //append it to the end of the class list
    }
 }
});

但不幸的是,就谷歌搜索而言,这是可以的。

任何人都有解决方案吗?

1 个答案:

答案 0 :(得分:4)

我假设你选择的是"zoom"类的元素。

document.observe('dom:loaded', function() {
    if(navigator.userAgent.indexOf('Chrome')!=-1) {
        $$('.zoom').each(function(e) {
            e.addClassName( 'chrome' );
        });
    }
});

在问题的代码中,您要添加到Object.prototype。永远不要那样做。它只会导致问题。