切换 ng-show 时，slideToggle 功能停止工作答案

【问题标题】：slideToggle function stops working when toggling ng-show切换 ng-show 时，slideToggle 功能停止工作
【发布时间】：2019-04-29 06:03:50
【问题描述】：

我有两个按钮，它们使用 ng-show 更改视图，并且我在默认视图上有一个过滤器。 Filter 是一个与 SlideToggle() 一起使用的下拉菜单，它一直有效，直到我单击另一个按钮并转到第二个视图，当我单击返回到默认视图时，下拉菜单停止工作。我已经在 Chrome 中检查过它，没有任何反应这是下拉菜单的代码：

<div ng-if="filter.entity === 'user'" class="col-md-12 filter-group">
<h5 class="open">Age<span class="caret"></span></h5>
   <div class="filter-group-items filter">
       <div>Age
         <rzslider rz-slider-model="filter.ageMin" rz-slider high="filter.ageMax" rz-slider-options="sliderOptionsAmount">
         </rzslider>
       </div>
   <div>
</div>

这就是js

  $(".open").click(() => {
  $(".filter").slideToggle()
  })

【问题讨论】：

标签： javascript jquery angularjs slidetoggle

【解决方案1】：

问题与 AJAX 加载内容上的绑定事件相同，请参阅How to bind Events on Ajax loaded Content?

动态内容的 jQuery 事件绑定应该如下所示：

$(document).on("click", ".open", () => { $(".filter").slideToggle(); });

【讨论】：

【解决方案2】：

我认为这可能是 JQuery 正在更新 DOM 而 Angular 不知道的事实。我会尝试用角度做所有事情，它会起作用

【讨论】：