充分利用jquery 1.4特征检测

Question

我特意尝试针对IE 6/7/8并防止这些版本识别我的javascript文件中的fadeIN效果。

有人可以帮我实现吗？

http://iamwhitebox.com/staging/arkitek

我有一个看起来像这样的片段，但我不知道在哪里添加它：

var FADE_TIME = 500; if(!($.support.opacity)) { FADE_TIME = 0}

$('element').fadeOut(FADE_TIME)

Answer 1

首先，将所有内容放在div元素中，并在样式表中，将该元素的不透明度设置为0.然后，使用javascript，如果用户的浏览器不是IE，则淡入，其他明智的只是设置它不透明度1.你可以把它放在document.ready或document.onload。

if(navigator.userAgent.indexOf('MSIE')==-1)
        //if we are not using IE
    $('element').fadeIn(500);
        //fade out
else
    $('element').css('opacity', '1')
        //set opacity to 0 if we are using IE

如果你想基于fadeIn实际工作，而不是直接基于浏览器是IE，那么只需用navigator.userAgent.indexOf('MSIE')==-1替换$.support.opacity（$.support.opacity是个更好的主意）。