2015-02-23 40 views
1

我有2個js點擊功能。這兩個函數都是加載外部網址。jQuery Div點擊加載外部網址效果慢

這裏是JS的腳本:

$(function() 
{ 
    $(".activity_div").click(function(event) 
    { 
     event.preventDefault(); 
     var ID = $(this).attr("id"); 
     $(".loading").show(); 
     $(".content_default").hide(); 
     $(".activity_div").css('color', '#5da8a1'); 
     $(".default_div").css('color', '#858585'); 

     $("#content_activity").load("load_activity.php?uid=" + ID, function() 
     { 
      $('#content_activity').show(); 
     }); 
    } 

    $(".default_div").click(function(event) 
    { 
     event.preventDefault(); 
     var ID = $(this).attr("id"); 

     $(".loading").show(); 
     $(".content_activity").hide(); 
     $(".default_div").css('color', '#5da8a1'); 
     $(".activity_div").css('color', '#858585'); 

     $("#content_default").load("load_notification.php?uid=" + ID, function() 
     { 
      $('#content_default').show(); 
     }); 
    } 
} 

其實功能正常運行。但是,當我單擊div交替快速地面對問題時。問題來了,Web瀏覽器(Mozilla)的性能變慢了。

我該如何修復該代碼?

+0

什麼是你正在運行到問題

$("#content_activity").load("load_activity.php?uid=" + ID, function() 

? – minion 2015-02-23 02:47:30

+0

每次點擊時,它必須擊中服務器並返回響應。您可能需要利用某種服務器端緩存來加快速度。 很難提供特定的幫助,而無需嘗試它並查看來自服務器的響應時間。 – cpk 2015-02-23 02:49:50

回答

1

您應該檢查需要多長時間來加載在該行的內容:使用網絡選項卡(CTRL + SHIFT + S)