为什么我的Modal.show()函数在被触发一秒钟后意外关闭?

时间:2018-09-24 12:55:48

标签: javascript jquery meteor bootstrap-modal

我的 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

0 个答案:

没有答案