Javascript 无法在Meteor应用程序上使用modal

Javascript 无法在Meteor应用程序上使用modal,javascript,html,twitter-bootstrap,meteor,Javascript,Html,Twitter Bootstrap,Meteor,你好,我正在尝试做一件非常简单的事情,在Meteor中点击一个按钮,就会出现一个模式窗口 因此,我在lib文件夹中创建了一个名为Sessions的JS文件,我在其中编写了这段代码 if (Meteor.isClient){ Session.setDefault('showAhorroGen',false);} 这首先允许我将会话设置为false作为默认值,当我单击它时,它将变为true并显示对话框 因此,在我的客户机文件夹中,我创建了一个事件,以便在单击按钮时听到,并创建了一个帮助器来返回会话

你好,我正在尝试做一件非常简单的事情,在Meteor中点击一个按钮,就会出现一个模式窗口

因此,我在lib文件夹中创建了一个名为Sessions的JS文件,我在其中编写了这段代码

if (Meteor.isClient){
Session.setDefault('showAhorroGen',false);}
这首先允许我将会话设置为false作为默认值,当我单击它时,它将变为true并显示对话框

因此,在我的客户机文件夹中,我创建了一个事件,以便在单击按钮时听到,并创建了一个帮助器来返回会话

 Template.menu.events({
        'click .ahorro': function(event,tmpl){
            Session.set('showAhorroGen',true)

        }
});


Template.products.helpers({
    showAhorroGen : function(){
    return Session.get('showAhorroGen');
}})
在我的HTML中,我添加了以下代码,如果会话showAhorroGen为true,则使用模式呈现模板

<h3> Cálcula tu ahorro gratis  <button type='button' class='btn  btn-danger ahorro'>Aquí</button></h3>
    </div>
    {{#if showAhorroGen}}
        {{> ahorroGen}}
    {{/if}}
Cálcula tu ahorro gratis aqí
{{#如果showAhorroGen}
{{>ahorroGen}
{{/if}
最后,出于测试原因,模板只是引导模式示例

<template name='ahorroGen'>
    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
     <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel">Modal title</h4>
      </div>
      <div class="modal-body">
        ...
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        <button type="button" class="btn btn-primary">Save changes</button>
      </div>
     </div>
    </div>
    </div>
</template>

&时代;
情态标题
...
接近
保存更改

为什么模态窗口没有出现?

问题是,现在您已经编写了动态插入模态HTML代码的代码,但是在引导中,您需要激活模态以显示它,例如通过执行以下JavaScript代码:
$(“#myModal”).modal()

编辑

解决此问题的最简单方法是添加以下JavaScript代码:

Template.ahorroGen.onRendered(函数(){
$(“#myModal”).modal()
})

看起来您的事件和助手定义的目标模板不正确


您当前的目标是活动中的“菜单”模板,以及帮助者的“产品”模板。这两个模板的目标应该相同

读了两遍你的问题后,我仍然不知道你的问题是什么。事实上,哪里出了问题?模态没有出现?乍一看,您的代码似乎很好。模式没有显示。那么,我的问题是,为什么模态没有出现?那么请相应地编辑你的问题。这个修改是否相应地适合问题?是的,它是完美的。谢谢你的编辑。我更改了目标,但它仍然不起作用。模态窗口没有出现。好的,你能详细说明一下吗?我不明白?