流星：添加 'confirm delete' 模态的正确方法

Question

我想用 Bootstrap 创建一个确认删除弹出窗口 3. 是否有任何很好的综合示例如何构建一个。我对 Meteor 很陌生。

Answer 1

使用来自 Codrops 等的任何示例，只要记住将 JSCode 放在

Template.nameTemplate.rendered = function() {}

这就是告诉 meteor 加载那个 jscode，当模板已经渲染并且它可以加载任何模态等等...

所以只要按照你想要的任何例子，把任何 jQuery 插件等放在渲染函数中

另外在某些情况下渲染还不够，你也需要使用，你可以看计时器文档here，无论如何，如果你玩得不好，请随意上传，一些 meteorPad，免费亚硝酸盐github 上的 box o repo，我可以帮助你（我对 meteor to 上的那些模态不太满意，它们有点棘手 =p）

更新答案

尝试添加meteor add iron:router，在客户端/app.js

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>

并在事件处理程序上轻松调用它。

Template.example.events({
 'click #exampleButton':function(){
   Modal.show('modal')
  }
})

现在回到这个例子，检查 app.'s 第 1-23 行的 this meteorpad 和 main.html

的第 41-62 行

流星：添加 'confirm delete' 模态的正确方法

Meteor: Proper way to add 'confirm delete' modal

meteor

twitter-bootstrap-3