如何阻止 Dashing 在视口之外更新小部件

How can I stop Dashing from updating widgets outside of viewport

我已经使用 Shopify/Dashing 作为基础设置了一个家庭自动化仪表板。

Dashing 使用 Gridster.js 分配我在列和页面中拥有的大量小部件。正在使用 Dashing.cycleDashboards() 切换页面。这些小部件绑定到带有 Batman.js 的 EventSource 套接字(安装为 Ruby Gem,它通过 mqtt 从 OpenHab 获取数据)

我选择不创建多个仪表板,因为仪表板是 运行 上的过时浏览器,并且如上所述将它们拆分为 gridster divs。这就是我的问题所在;

虽然一次只显示一个 Gridster div,但所有内容都在 DOM 中更新。由于浏览器非常不稳定,因此占用大量内存和浏览器崩溃。

我想阻止 Dashing 更新隐藏的 Gridster div。当然 div 应该在切换到它后得到更新。 (切换后我想用 jQuery XHR 调用对每个小部件执行状态更新。)

以上可能吗?如果是这样,请指出正确的方向。我需要更改哪些文件?示例代码会很棒。

提前致谢。

迈克尔

我没有解决这个问题。我重写了完整的 HTML 结构来完成我需要的。关闭此线程!