javascript - 每次我单击一个元素时，都会生成一个名为 jquery.mousewheel.min.js 的文件，该文件会被创建多次并卡住我的浏览器

Question

我有这个代码:

$(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 内容中使用 Bootstraps 时，这些文件不会加载。

有什么帮助吗？

Answer 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 个。

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