Meteor 流星:添加';确认删除';情态动词

Meteor 流星:添加';确认删除';情态动词,meteor,twitter-bootstrap-3,Meteor,Twitter Bootstrap 3,我想用Bootstrap 3创建一个确认删除弹出窗口。有什么好的全面的例子如何建立一个。我对Meteor非常陌生。使用Codrops等的任何示例,只要记住将JS代码放在 Template.nameTemplate.rendered = function() {} 因此,这是告诉meteor加载该jscode,当模板被渲染并且它可以加载任何模式时,等等 所以只需遵循您想要的任何示例,并将jQuery插件等放入呈现函数中 另外,在某些情况下,渲染还不够,你也需要使用,你可以看到计时器文档,不管怎样

我想用Bootstrap 3创建一个确认删除弹出窗口。有什么好的全面的例子如何建立一个。我对Meteor非常陌生。

使用Codrops等的任何示例,只要记住将JS代码放在

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')
  }
})