个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
26
4
问题解决了!
这个问题(特定于我的配置)已由 Dhoelzgen 和 Matthew Blancarte 按照已接受的答案解决。问题的关键是，当我应该使用 jQuery 的 on 方法来委托(delegate)事件处理时，我将“click”事件绑定(bind)到所有 .inventory_item 元素，例如所以:
<head>
<script>
$(document).ready(function(){
$('#inventory_index').on('click', '.inventory_item', function(){
alert('Click event fired!');
});
});
</script>
</head>
使用这项技术，我大大提高了我的应用程序的响应能力。
继续阅读所有详细信息...
概述
我正在开发一个在“单页面”(例如 www.myapp.com/app.php)中运行的库存应用程序，并使用 jQuery 执行 XHR 以将各种内容加载到 DIV 中或从 DIV 中加载出来。
我正在使用 jQuery 1.9.1 和 jQuery UI 1.8(因为由于遗留原因我必须这样做)。
问题:缓慢点击事件
我遇到的问题是，随着 DOM 树变大，点击事件变得越来越慢。目前，当搜索返回约 1000 项时，延迟约为 2 秒。
这是 jQuery 示例:
<head>
<script>
$(document).ready(function(){
var inventory_item = $('#inventory_index.inventory_item');
inventory_item.on('click', function(){
alert('Click event fired!');
});
});
</script>
</head>
HTML:
<div id="inventory_index">
<div class="inventory_item">Inventory Item 0 <img src="inventory_item_0.jpg"></div>
<!-- 999 Iterations -->
<div class="inventory_item">Inventory Item 1000 <img src="inventory_item_1000.jpg"></div>
</div>
起初，我认为这是因为每个 .inventory_item 中都存在图像，但在实现延迟加载后，我发现问题更多地与图像的数量有关。 DOM 中的元素比图像本身更重要。
尝试的解决方案
正如您在上面的示例代码中看到的，我已经尝试实现过去几天能找到的最佳解决方案。也就是说，将 .inventory_item 的集合包装在可识别 ID 的 #inventory_index 元素中，以向 jQuery 提示它应该在哪里查找。
此外，创建一个 javascript 对象来尝试节省更多 DOM 搜索时间(尽管说实话，我不确定它是如何工作的，或者是否有帮助)根本)。
还有其他人遇到过这个问题并有任何解决方案或建议可以分享吗？
当前最佳创意
到目前为止，我认为解决这个问题的唯一方法就是通过将更少的结果加载到#inventory_index中来简单地减少 DOM 树中的元素数量。这是一个选项，但我真的很想保留将数百个(如果不是数千个).inventory_item 加载到索引中的能力。
奖金
奇怪的是，mouseenter 和 mouseleave 事件会立即触发。您可以在这里看到类似的问题:
最佳答案
使用 jQuery 的 on method 怎么样？附加一个事件处理程序，如下所示:
$('#inventory_index').on('click', '.inventory_item', ...)
这样，您只需添加一个事件处理程序，而不是为每个库存项目添加一个事件处理程序。还没有测试过，只是偶然发现您添加了很多事件监听器。
一些解释:
如果您使用 $('#inventory_index .inventory_item') 作为选择器，您最终会将单个事件处理程序绑定(bind)到每个库存项目，这是一个问题，尤其是在您有很多库存项目的情况下。另一方面，上面的#inventory_index选择器只是向用作包装器的元素添加了一个事件处理程序，它负责处理由第二个选择器过滤的元素上的所有点击，即on 方法调用中的第二个参数 .inventory_item。
关于jquery - 大型 DOM 树减慢 jQuery 点击事件，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/16244322/
26
4
0
我正在使用 UISnapBehavior，但它的捕捉速度太快了，我不喜欢。有没有办法让它慢下来？或者换句话说:有没有办法用它应该捕捉的点来调整物体的弹性？ 最佳答案 我能够通过将 View 附加到 U
我想减慢 SWTBot 的执行速度。 我已经找到了这个 wiki: https://wiki.eclipse.org/SWTBot/FAQ#Can_I_slow_down_the_execution_
我的应用程序中有一个计时错误，只有在我使用 valgrind 时才会发生，因为 valgrind 会大大减慢进程的速度。 (它实际上是一个我无法本地化的 boost::weak_ptr-excepti
问题 我正在创建一个涉及躲避射弹的游戏。玩家控制着一艘船的图像，我不希望船完全一起移动，因为这看起来非常不现实。 问题 有没有办法控制图像移动的速度，如何减慢图像的移动速度？ 代码 var game
我在我的 iOS 应用程序中使用了 NSTimer，但由于 SetNeedsDisplay，我没有得到我想要的结果。 我做了一些研究并找到了 CADisplayLink，它为我提供了我想要的动画结果。
我目前正在开发一个项目，当按下按钮时，该项目会将圆从一个空间移动到另一个空间。我的设计如下:当按下按钮时，它会在 for 循环中从 0 到 10 增加圆的坐标。 问题是，我想要的 for 循环运动没有
我想缓慢地制作一个三色渐变动画。 我有一个自定义UIView，如下所示: class MyView: UIView, CAAnimationDelegate { lazy var gradient
当 RAM 达到 x 内存量或调用 didReceiveMemoryWarning() 时，是否有办法减慢处理器速度？ func didReceiveMemoryWarning() { sup
有没有办法减慢行插入/删除动画的速度？ 在我的特殊情况下，我通过在我的单元格下方添加/删除行来扩展/折叠单元格，我想稍微放慢动画速度。 最佳答案 我正在使用以下技巧在我的项目中以动画方式插入/删除表格
我的 Logo 和页脚中有 scroll-top 属性，但我离页面顶部越远，它向上滚动的速度就越快!所以当我从页面底部滚动到顶部时，它就像火箭一样!我将如何放慢速度？我找不到足够具体的答案 可以看看l
我想放慢由我的 UIDynamicAnimator 生成的动画，以便我可以微调我的 UIDynamicBehaviors。 在 ios 模拟器中，调试菜单下有一个菜单选项，标签为“在最前面的应用程序中
在 OS X 上，可以按住 Shift 键使动画变慢。有什么方法可以通过远程调试器或 Instruments 将其应用于 iOS 吗？ (或者，我可以在 QuickTime 中录制并逐帧回放，但我宁愿
我想在 .opacity CSS 属性中减慢动画时间。就像，我希望它延迟 0.2 毫秒或类似的东西。 为了获得更好的想法，将鼠标悬停在我网站上的精选帖子上时会添加不透明度:http://www.the
我希望我的 UIPageViewController 在用户的手指离开屏幕时缓慢滚动到下一页。比默认情况下慢。如果可能的话，对其减速曲线等进行更多控制。 我不想使用 SCPageViewControl
我发现了这个 javascript 自动滚动函数，并通过将其粘贴到 WordPress 站点的头文件中来使其工作。但是，我想减慢滚动速度，以便它不会立即捕捉到页面底部。 我是 javascript 的
我正在使用 UIScrollView 以编程方式为某些内容设置动画。 但是，我需要减慢 View 的滚动速度。 这是我用于滚动的代码: self.scrollView.setContentOffset
我一直在使用 jQuery 滚动来增强我的视差滚动页面。具体来说就是这个。 JQuery Scroll to Next Section 我对 jQuery 完全陌生(过去只使用过一些相当基本的 Jav
如何减慢 Windows 进程？ 我知道我需要 Hook QueryPerformanceCounter 但接下来我需要做什么？ 需要 Delphi 或 C++ 方面的帮助 最佳答案 我不确定我是否理
我想在我这边控制下载量/速度——在服务器端也一样(礼貌一点)。...不是“我自己的下载管理器”。 让我们想象一下:我允许我的儿子每天从 utube 下载最多 500Mb，但他仍然启动了一个 sessi
在我的网站上，我有多个 href's，我需要在点击它们和加载它们之间添加延迟。由于有数百个 hrefs，我不能为每个单独的 js 函数。 我研究过的两种方法是，将 href 的内容作为变量传递给 ja
我是一名优秀的程序员,十分优秀！