Meteor 流星:添加';确认删除';情态动词
我想用Bootstrap 3创建一个确认删除弹出窗口。有什么好的全面的例子如何建立一个。我对Meteor非常陌生。使用Codrops等的任何示例,只要记住将JS代码放在Meteor 流星:添加';确认删除';情态动词,meteor,twitter-bootstrap-3,Meteor,Twitter Bootstrap 3,我想用Bootstrap 3创建一个确认删除弹出窗口。有什么好的全面的例子如何建立一个。我对Meteor非常陌生。使用Codrops等的任何示例,只要记住将JS代码放在 Template.nameTemplate.rendered = function() {} 因此,这是告诉meteor加载该jscode,当模板被渲染并且它可以加载任何模式时,等等 所以只需遵循您想要的任何示例,并将jQuery插件等放入呈现函数中 另外,在某些情况下,渲染还不够,你也需要使用,你可以看到计时器文档,不管怎样
Template.nameTemplate.rendered = function() {}
因此,这是告诉meteor加载该jscode,当模板被渲染并且它可以加载任何模式时,等等
所以只需遵循您想要的任何示例,并将jQuery插件等放入呈现函数中
另外,在某些情况下,渲染还不够,你也需要使用,你可以看到计时器文档,不管怎样,如果你不开心,请随意上传,一些meteorPad,github上的免费nitrous box o repo,我可以帮助你(我在meteor to上的那些modals不开心,它们有点小把戏S=p)
更新答案
尝试在client/app.js上添加meteor add iron:router
Router.route('/', function () {
this.render('leaderboard');
});
并保持相同的渲染效果
Template.deleteBtn.rendered = function(){
$('.open-modal').on('click', function(e){
$('#confirm').modal()
.on('click', '#delete', function (e) {
// Remove selected player
Players.remove(Session.get("selectedPlayer"));
});
});
}
更新
因此,使用peppelg:bootstrap-3-modal
包,您可以轻松完成以下操作
首先创建一个包含模态内容的模板
<template name="modal">
<!-- Modal Stuff -->
</template>
现在回到这个示例,检查
app.s
上的第1-23行和main.html
上的第41-62行,非常感谢!这是一个Meteopad示例,我无法使用:我尝试将此示例添加到Meteopad:没问题,让我看看是否适合您?检查更新答案,但正如我所说的,其想法是初始化渲染的函数内的模式,告诉我是否使用iron routerLet us。我创建了一个。您可以随意使用它,也可以查看。
Template.example.events({
'click #exampleButton':function(){
Modal.show('modal')
}
})