当元素被推送到新行时触发jQuery事件

Question

如果视图中的元素被推到新行，该如何触发jquery事件？ 发生这种情况时，我想隐藏导航项并运行其他JavaScript。 有关如何执行此操作的任何建议？

从总体上看，这是我的导航看起来的样子：

当我减小屏幕宽度时会发生这种情况。 当发生这种情况时，我想在这些元素上触发事件。 我该怎么做呢？

Answer 1

如果将视图下推，则基于容器的宽度。

尝试使用.resize（）跟踪宽度，并在宽度变小时调用相关函数。

$(window).resize(function() {

  // if the navigation DIV's width is smaller than xyz, do this ...

});