Question

我有两个按钮，它们通过ng-show更改视图，并且在默认视图上有一个过滤器。过滤器是一个与SlideToggle（）一起使用的下拉列表，它可以起作用，直到我单击另一个按钮并转到第二个视图，并且当我将bac单击为默认视图时，该下拉列表停止工作。我已经在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()
  })

Answer 1

问题与在AJAX加载的内容上绑定事件一样，请参见How to bind Events on Ajax loaded Content?

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

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

Answer 2

我认为JQuery正在更新DOM而angular对此一无所知。我会尝试以角度的方式做所有事情，这会起作用

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

2 个答案: