每次我单击一个元素时，都会创建一个名为 jquery.mousewheel.min.js 的文件多次并冻结我的浏览器答案

【问题标题】：Every time I click on an element I get a file called jquery.mousewheel.min.js is created several times and freezes my browser每次我单击一个元素时，都会创建一个名为 jquery.mousewheel.min.js 的文件多次并冻结我的浏览器
【发布时间】：2017-05-17 14:18:41
【问题描述】：

我有这个代码：

$(document).delegate('td','click',function(){
    var stop = 0;
    $('table > tbody > tr input[type="checkbox"]').click(function(event) {
        var stop = 1
    });

    stop = this.id  == "dontcompress" ? 1 : 0;

    if(stop == 0){
    $('[colspan="7"]').parent('tr').remove();
    $(this).parents('tr').after('<tr/>').next().append('<td id="dontcompress" colspan="7"/>').children('td').append('<div/>').css('background','#fff').children().html($('#content').html());
    }

});

这个函数的重点是创建一个显示一些信息的新行。

当我有这样的事情时，这很顺利：

  <div id="content" style="visibility: hidden;"> something  </div>

但我试图让事情变得更复杂，并从这个开始：

<div id="content" style="visibility: hidden;">

  <div class="card">
      <div class="card-block">
          <div class="row">
              <div class="form-group col-sm-3">
                  Something:
                  </div>
              </div>
      </div>

</div>

在此更改之后，每当我按下 td 时，加载并生成 2 或 3 次都需要几秒钟：

jquery.mousewheel.min.js?_=6346723525235

最后的数字似乎是随机生成的。我不知道它来自哪里。

我检查了这些文件的位置，它们似乎来自这个site。

我不知道为什么要多次加载。当我在 div 内容中停止使用 Bootstrap 时，这些文件不会被加载。

有什么帮助吗？

【问题讨论】：

标签： javascript jquery ajax twitter-bootstrap

【解决方案1】：

我刚刚找到了解决方法。

<div id="content" style="visibility: hidden;">

  <div class="card">
      <div class="card-block">
          <div class="row">
              <div class="form-group col-sm-3">
                  Something:
                  </div>
              </div>
        </div>
    </div>
</div>

我只需要在末尾添加另一个</div>，因为我打开了 5 个 div 但关闭了 4 个。

我仍然不知道浏览器为什么或如何因为我遗漏了一个 div 而不断下载 javascript 文件并使其崩溃。如果有人费心解释原因，我会接受它作为答案而不是这个。

【讨论】：