jQuery 浏览器检测似乎不起作用

Question

由于 IE 无法淡出透明 PNG，我决定更改我的功能，以便在用户使用 IE 时仅显示 PNG，但如果用户使用任何其他浏览器则淡出它们。下面的函数在 IE 中运行良好，并且达到了我的预期，但在任何其他浏览器（即 Firefox、Safari）中它没有执行任何操作，我是否遗漏了某些内容或者是否存在语法错误？

    $('#content2 a').click(function(){

 if($.browser.msie){

        var toLoad = $(this).attr('href')+' #content';
        $('#content').show(loadContent);

        window.location.hash = $(this).attr('href').substr(0,$(this).attr('href').length-5);
        function loadContent() {
            $('#content').load(toLoad,'',showNewContent())
        }
        function showNewContent() {
            $('#content').show();
        }

        return false;

 }else{

        var toLoad = $(this).attr('href')+' #content';
        $('#content').fadeOut('slow',loadContent);
        $('#load').remove();
        $('#wrapper').append('<span id="load">LOADING...</span>');
        $('#load').fadeIn('slow');
        window.location.hash = $(this).attr('href').substr(0,$(this).attr('href').length-5);
        function loadContent() {
            $('#content').load(toLoad,'',showNewContent())
        }
        function showNewContent() {
            $('#content').fadeIn('slow',hideLoader());
        }
        function hideLoader() {
            $('#load').fadeOut('slow');
        }
        return false;

 };

});

Answer 1

大多数回调都是这样写的：

$('#content').load(toLoad,'',showNewContent())

其中表示调用 showNewContent，并将其返回值传递给 jQuery。

您的意思是：

$('#content').load(toLoad, '', showNewContent);

但这里也有一个潜在的问题：

}else{
    ...
    $('#content').fadeOut('slow',loadContent);
    ...
    function loadContent() {

将 function 语句放在 else 或除另一个函数之外的任何其他块中实际上是不合法的。这是因为 function 语句的神奇之处在于，它允许您在上面定义函数的代码中使用函数，只有在函数开始运行之前函数定义已修复的情况下，该函数才能起作用。如果定义位于条件块内，则不会发生这种情况。

正如 JavaScript 中常见的流血现象一样，浏览器不会告诉您错误，而是会让您侥幸逃脱，但结果不一致且奇怪。这是一个明显矛盾的测试用例：

x();
var isgood= Math.random()*2>=1;

if (isgood) {
    function x() {
        alert('Good!');
    }
} else {
    function x() {
        alert('Bad!');
    }
}

此示例代码尝试在该事件实际发生之前调用一个依赖于抛硬币结果的函数。光这么说应该是语法错误，但每个浏览器都允许这样做。 Mozilla 至少让 x 保持 undefined 直到到达函数语句，因此初始的 x() 将导致错误。然而，在 IE、Webkit 和 Opera 中，第二个 function 语句“获胜”，并且它总是警告“Bad！”。浏览器不好！

每当您需要定义发生更改的函数时，请使用内联函数表达式而不是函数语句来避免此问题。尽管在这种情况下，您可以通过将 IE 的 speed 设置为 0 使其立即回调来解决淡入淡出问题，这使整个事情变得更加简单：

$('#content2 a').click(function() {
    var speed= $.browser.msie? 0 : 'slow';
    $('#content').fadeOut(speed, function() {
        $('#content').load($(this).attr('href')+' #content', '', function() {
            $('#content').fadeIn(speed);
        });
    });
});

Answer 2

也许你应该添加“;”行尾：

$('#content').load(toLoad,'',showNewContent());

在 loadContent() 的两个定义中。