如何在Ember中更改模板时运行JQuery代码
How to run JQuery code when changing templates in Ember?
在我的项目中,我想要一些代码:
$("#panelAccommodation").hide();
$("#panelFlight").hide();
以在更改模板时运行。我想要的是,当用户更改到他们所在的模板时,这些面板的id(如上所示)将被隐藏。它们应该只在单击时显示,但这部分代码已经在控制器上完成了操作。有什么想法吗?
编辑:
我真的很抱歉,我似乎被误解了,这是我的错,因为我没有具体说明,当我说点击时,我指的不是按钮,而是RadioButtonList上的一个选项。
与其隐藏和显示div,我建议研究将模板渲染到命名出口中,并使用{{action}}助手发送操作。有关在此处渲染和在此处发送操作的更多详细信息。
因此,假设您有一条索引路线,并希望显示住宿和航班。
// app/routes/application.js
actions: {
showAccommodationPanel: function() {
this.render('accomodations', {
into: "application",
outlet: "accomodations"
});
},
removeAccomodationPanel: function() {
this.disconnectOutlet({
outlet: "accomodations",
parentView: "application"
});
}
}
你有一个住宿模板:
// app/templates/accomodations.hbs
<panel id="panelAccomodation">
<h1>
All you awesome panel markup here
</h1>
<button {{action "removeAccommodationPanel"}}>Close</button>
</panel>
然后你的主模板:
// app/templates/application.hbs
{{outlet}}
{{outlet "accomodations"}}
<button {{action "showAccommodationPanel"}}>Show accomodations</button>
相关文章:
- 对动态创建的元素运行jQuery.ech()
- 如何在加载角度函数后运行jQuery代码
- 在AJAX jQuery加载()之后运行jQuery代码
- 如何仅在设备基于 iOS 时运行 jQuery 代码
- 使用 .on 函数运行 jQuery 声明函数
- html代码没有运行jquery问题
- 仅在尚未运行jQuery UI的情况下运行动画
- 在运行jquery之前从5开始倒计时
- 在不重新运行jquery验证的情况下检查表单是否有效
- 在Angular App中运行jQuery函数
- 一旦设置了PHP查询字符串,如何运行jQuery脚本
- 如何在Ember中更改模板时运行JQuery代码
- 如果URL包含字符串don't运行jQuery函数
- 在php之前运行jQuery脚本
- 无法动态地将 jquery 添加到头部并运行 jquery 代码
- 在 HTML 中运行 jquery 脚本
- 如何在控制器外部和视图内在 AngularJs 中运行 jQuery
- 在具有相同类的每个表上运行 jquery
- 在 Angular 完成渲染后运行 JQuery 代码
- 如何选择当前 DIV ID 以使用该 ID 运行 Jquery