Javascript 语义UI流星模态初始化
我正在使用语义UI作为框架运行Meteor 我在主页上加载了X张来自同一数据源的详细信息卡。所有详细信息卡都有按钮,例如用于移除卡的垃圾桶 我通过模态来确认按钮上的动作 我把我所有的情态动词都放在一个叫做情态动词的单独模板中 从我的主页中,我加载我的模态:Javascript 语义UI流星模态初始化,javascript,meteor,semantic-ui,Javascript,Meteor,Semantic Ui,我正在使用语义UI作为框架运行Meteor 我在主页上加载了X张来自同一数据源的详细信息卡。所有详细信息卡都有按钮,例如用于移除卡的垃圾桶 我通过模态来确认按钮上的动作 我把我所有的情态动词都放在一个叫做情态动词的单独模板中 从我的主页中,我加载我的模态: {{>modals}} 在我的情态动词模板中,我有: <template name="modals"> <div id="takeModal" class="ui modal">
{{>modals}}
在我的情态动词模板中,我有:
<template name="modals">
<div id="takeModal" class="ui modal">
{{#with data}}
<div class="ui header">
//HEADER
</div>
<div class="ui content">
// DATA USAGE IN TEMPLATE
{{city}}</td>
</div>
</div>
</template>
模态模板有一个辅助对象:
Template.modals.helpers({
data: function () {
return Session.get('data');
}});
我面临的问题是,模态在第一次使用时无法正常工作,因为单击尚未注册,Session.data尚未设置
有没有一种方法可以初始化modals以便将它们加载到DOM中,但仍然为它们提供一个数据上下文
另外,我选择了这种方法,所以我不必给每一张牌都赋予它自己的模式
Template.modals.helpers({
data: function () {
return Session.get('data');
}});