Question

我想用Bootstrap 3创建一个确认删除弹出窗口。有没有很好的综合示例如何构建一个。我是Meteor的新手。

Answer 1

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

中

Template.nameTemplate.rendered = function() {}

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

因此，只需按照您想要的任何示例，只需将任何jQuery插件等放入渲染函数

中

另外在某些情况下渲染它还不够，你也需要使用，你可以看到计时器文档here，无论如何，如果你有不好的时间，随意上传，一些meteorPad，免费的亚硝基盒o回复github，我可以帮助你（我在流星上的那些模态有一段糟糕的时间，它们有点狡猾= 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行和main.html上的41-62

检查this meteorpad

Meteor：添加'确认删除'模式的正确方法

1 个答案: