我的 Modal.show()函数,特别是:Modal.show('c2bNotifications', {msg: messages});
函数的行为很奇怪。它会弹出来,显示一条消息(messages
,该消息的设计目的是,然后神秘地仅在一秒钟后就会自动关闭/消失。
预期的行为是使Modal.show('c2bNotifications', {msg: messages});
模态持续足够长的时间,以使用户能够阅读模态中的message
的内容< / strong>,然后允许用户关闭模式。
请某人向我解释为什么Modal.show('c2bNotifications', {msg: messages});
触发的模式不会保持打开状态,而是意外关闭?
在我的模板事件代码下面找到:
Template.paymentC2B.events({
'click #payTo'(event, instance) {
event.preventDefault();
Meteor.callPromise('c2b', RecipientsProfilePicture ).then(
function(results) {
console.log("Results is: " +results);
if (results == false) {
var messages = "Wrong API key, kindly check API key!";
Modal.show('c2bNotifications', {msg: messages} );
}
else {
}
}).catch( function(error) {
});
});
请注意,上面的代码console.log("Results is: " +results);
将(在浏览器控制台中)成功产生:
Results is: False
或
Results is: True
在代码下方找到我的Modal
模板:
<template name="c2bNotifications">
<div class="modal fade c2bNotifications2">
<div class="modal-dialog modal-sm">
<div class="modal-content modal_c2bNotifications2">
<div class="modal-header">
<h4 class="modal-title">Notification </h4>
</div>
<div class="modal-body">
<div id = approvedMsg > {{msg}} </div>
</div>
<div class="modal-footer c2bNotifications">
<button type="button" class="btn btn-primary btn-lg" id="paymentNotificationClose" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
还要在下面找到可能会影响Modal
的软件包:
twbs:bootstrap 3.3.6
peppelg:bootstrap-3-modal 1.0.4