WebSocket 连接失败 资源不足

Question

我实际上正在学习编码，我正在尝试制作一个表格，其中的选项卡通过 ajax 相互链接（我打算在它们之间添加一些过渡以避免由经典超链接引起的闪烁，这似乎是最好的事情做，如果你认为不是，请告诉我）。

但是我遇到了一个我还不太明白的问题：每次单击其中一个选项卡进行导航时，加载速度会越来越慢，直到我在控制台中收到此错误：

WebSocket 连接到“ws://127.0.0.1:5500/index.html/ws”失败：资源不足

我在想那是因为有些东西堆积到太多，但我不知道是什么原因造成的。

$(function() {
  $("#Tab1").click(function(e) {
    e.preventDefault();
    $("#mytable").load("../ajax/tab1.html", function() {
      // do stuff when new HTML is loaded in `document.body`
      // for example, load CSS
      $.when($.getScript("../voctor.js"), $.get("../css/style.css")).then(function() {
        // do stuff when script and CSS is loaded
      })
    });
  });
});

$(function() {
  $("#Tab2").click(function(e) {
    e.preventDefault();
    $("#mytable").load("../ajax/tab2.html", function() {
      // do stuff when new HTML is loaded in `document.body`
      // for example, load CSS
      $.when($.getScript("../voctor.js"), $.get("../css/style.css")).then(function() {
        // do stuff when script and CSS is loaded
      })
    });
  });
});

$(function() {
  $("#Tab3").click(function(e) {
    e.preventDefault();
    $("#mytable").load("../ajax/tab3.html", function() {
      // do stuff when new HTML is loaded in `document.body`
      // for example, load CSS
      $.when($.getScript("../voctor.js"), $.get("../css/style.css")).then(function() {
        // do stuff when script and CSS is loaded
      })
    });
  });
});

Answer 1

如果这对其他人有用，我通过将.unbind()添加到我的 function 中找到了解决方案。 我也把它弄干了，所以这是最终代码：

    $('.tab').unbind().on('click', function(e) 
    {
        e.preventDefault();
        var tabHref = $(this).attr('href');
        $("#content").load(tabHref, function() {
            // do stuff when new HTML is loaded in `document.body`
            // for example, load CSS
            $.when($.getScript("../voctor.js"), $.get("../css/style.css"))
            .then(function() {
            // do stuff when script and CSS is loaded
            })
        });
    });

我意识到每次点击都会使上一个请求翻倍，所以第一次点击是 1 个请求，然后是 2 个，然后是 4 个，然后是 8 个等等…… unbind() 避免了这种情况。