我正在与meteor@1.1.10和twbs:bootstrap@3.3.5
我可以获得一个模式窗口来生成、关闭和注册一个按钮。不过,我无法从表格中读取任何信息。它只是关闭了。我包含了一条控制台消息,它从未显示在浏览器或命令提示符下。
有没有办法做到这一点而不包括另一个包裹?我已经包含了我的模态HTML模板和Javascript。我希望这只是代码中遗漏了一些东西。
以下是HTML:
<template name="emodal">
<div id="myModal" class="modal fade" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">Spends Email Details</h4>
</div>
<div class="modal-body">
<form class="emailspends">
<label for="input">Recipient:</label>
<input type="text" name="emailto" required>
<label for="input">Character Name:</label>
<input type="text" name="charname" required>
<input type="submit" id="sendemail" class="email" value="Email Spends" data-dismiss="modal">
</form>
</div>
<div class="modal-footer">
</div>
</div>
</div>
</div>
</template>
下面是Javascript:
Template.emodal.events({
"submit .emailspends": function (event) {
console.log(Meteor.user().emails[0].address);
// Prevent default browser form submit
event.preventDefault();
// Get value from form element
//var emailto = event.target.emailto.value;
var emailto = event.target.emailto.value;
var charname = event.target.charname.value;
var title = "Experience spends for " + charname;
Meteor.call('sendEmail', emailto,
'zbottorff@uwalumni.com', title,
'Yup, modal testies.');
// Clear form
event.target.emailto.value = "";
event.target.charname.value = "";
}
});
更新:意识到我应该包括这一点,但我确实确保了我可以在没有模式窗口的情况下获得一个可提交的模板。现在我想把它变成一个模态,它不提交。
Bah!我刚发完这个就发现了。
我的提交按钮有太多的部分。我删除了"Class"one_answers"id"部分,改为使用Javascript查找"submit form"事件。Voala!让窃听器开始工作。