2011-03-01 28 views
0

有人可以看看下面的插件。我是一個基本的AJAX導航插件,當菜單按鈕被按下時,它將內容淡入到div中。 最簡單的方法是從IE8/7/8中排除來識別淡入淡出效果?我只是想IE瀏覽器沒有看到該插件的淡出/淡入部分:jQuery .support()實現

$(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'); 

回答

0

因爲IE不支持,你可以使用cssFloat jQuery的$.support併發出以下條件來檢測,如果瀏覽器是IE if($.support.cssFloat) {....

+0

在那麼你可能只需檢查['.browser.msie'](http://api.jquery.com/jQuery.browser),因爲'cssFloat'與衰落無關。 – 2011-03-01 02:52:10

+0

jQuery不再支持'$ .browser'。您需要使用'$ .support'來代替。閱讀更多在http://api.jquery.com/jQuery.browser/ – Hussein 2011-03-01 02:53:32

+0

@Hussein你的聲明應該是'(!$。support.cssFloat)',因爲它在9以下的IE版本中返回** false **。 – Pierre 2013-04-06 16:12:12