Question

我有2个js点击功能。这两个函数都是加载外部URL。

这是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）的表现很慢。

如何修复该代码？

Answer 1

您应该检查在此行上加载内容所需的时间：

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

使用网络标签（CTRL + SHIFT + S）

jQuery Div On Click加载外部URL性能缓慢

1 个答案: