Javascript 无法在Meteor应用程序上使用modal
你好,我正在尝试做一件非常简单的事情,在Meteor中点击一个按钮,就会出现一个模式窗口 因此,我在lib文件夹中创建了一个名为Sessions的JS文件,我在其中编写了这段代码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并显示对话框 因此,在我的客户机文件夹中,我创建了一个事件,以便在单击按钮时听到,并创建了一个帮助器来返回会话
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">×</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()
})
看起来您的事件和助手定义的目标模板不正确
您当前的目标是活动中的“菜单”模板,以及帮助者的“产品”模板。这两个模板的目标应该相同 读了两遍你的问题后,我仍然不知道你的问题是什么。事实上,哪里出了问题?模态没有出现?乍一看,您的代码似乎很好。模式没有显示。那么,我的问题是,为什么模态没有出现?那么请相应地编辑你的问题。这个修改是否相应地适合问题?是的,它是完美的。谢谢你的编辑。我更改了目标,但它仍然不起作用。模态窗口没有出现。好的,你能详细说明一下吗?我不明白?