如何制作$（＆＃39;＃slidepanel＆＃39;）。slidepanel（＆＃34; hide＆＃34;）与Angular.js一起使用？

Question

我有一个带有html输入控件的模态对话框面板，我想打开它，就像点击按钮时弹出一个弹出窗口一样。 jQuery slidePanel v0.2.2

打开对话框的代码

$('#slidepanel').slidepanel("show")

问题在于通过以下代码关闭对话框

$('#slidepanel').slidepanel("hide")

相同的隐藏代码正在使用jquery但是通过Angular.js存在问题。任何帮助表示赞赏！

Answer 1

由于在加载DOM之后使用jQuery来操作“show”和“hide”，jQuery不知道这些元素是否存在。

我的建议是使用jQuery的on（）来委托事件并选择动态生成的类：

$(document).on('click','.slider-arrow.show',function(){
  ....
});

$(document).on('click','.slider-arrow.hide',function(){
  ....
});