如何制作$('#slidepanel')。slidepanel(" hide")与Angular.js一起使用?

时间:2016-03-26 07:10:02

标签: javascript jquery angularjs

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

打开对话框的代码

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

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

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

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

1 个答案:

答案 0 :(得分:0)

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

我的建议是使用jQuery的on()来委托事件并选择动态生成的类:

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

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