jquery 特征检测 - 我该如何实现呢？

Question

我需要防止 IE 识别此插件中的淡入/淡出效果。如何在其中添加一行 jquery 特征检测代码：

$(function() {

var newHash      = "",
    $mainContent = $("#main-content"),
    $pageWrap    = $("#page-wrap"),
    baseHeight   = 0,
    $el;



$("nav#footer").delegate("a", "click", function() {
    window.location.hash = $(this).attr("href");
    return false;
});

$(window).bind('hashchange', function(){

    newHash = window.location.hash.substring(1);

    if (newHash) {
        $mainContent
            .find("#guts")
            .fadeOut(200, function() {
                $mainContent.show().load(newHash + " #guts", function() {
                    $mainContent.fadeIn(200, function() {
                    });
                    $("nav#footer a").removeClass("current");
                    $("nav#footer a[href="+newHash+"]").addClass("current");
                });
            });
    };

});

$(window).trigger('hashchange');

});

我有一些类似的代码

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

$('element').fadeOut(FADE_TIME)

我应该在代码中的什么位置添加它？有人可以帮我实现这个工作吗？拜托！！

Answer 1

无法弄清楚为什么有人不只是编辑代码并回答问题。 您需要做的就是创建一个新变量，其值由 $.support.Opacity 属性确定，然后在代码的淡入/淡出部分中引用它。

$(function() {

var newHash      = "",
    $mainContent = $("#main-content"),
    $pageWrap    = $("#page-wrap"),
    baseHeight   = 0,
    $el,
    // new fadeTime property.
    fadeTime = $.support.opacity ? 500 : 0;



$("nav#footer").delegate("a", "click", function() {
    window.location.hash = $(this).attr("href");
    return false;
});

$(window).bind('hashchange', function(){

    newHash = window.location.hash.substring(1);

    if (newHash) {
        $mainContent
            .find("#guts")
            .fadeOut(fadeTime, function() {
                $mainContent.show().load(newHash + " #guts", function() {
                    $mainContent.fadeIn(fadeTime, function() {
                    });
                    $("nav#footer a").removeClass("current");
                    $("nav#footer a[href="+newHash+"]").addClass("current");
                });
            });
    };

});

$(window).trigger('hashchange');

});

Answer 2

如果用户不使用 Internet Explorer，您只是想运行一些东西？

试试这个：

if ($.browser.msie) {
    return false;
} else {
    //do something
}

Answer 3

我想你说的是对 CSS opacity 属性的支持，而不是 IE8 及以下版本使用的有点错误的 -ms-filter 和 filter。在这种情况下，最好的方法是测试元素的style 对象中是否存在属性：

if('opacity' in document.createElement('div').style) {
    // Do something that requires native opacity support
}

（如果你想测试多个属性，你可能需要缓存测试元素）