Bootstrap淡入淡出類阻止hidden.bs.modal事件引導3.0.21

我正在使用Bootstrap，當我試圖在關閉我的模態時觸發事件時，如果我的模態中有淡入淡出類事件不會被解僱，但如果我刪除它，一切正常。Bootstrap淡入淡出類阻止hidden.bs.modal事件引導3.0.21

我想動畫，我想觸發器，我不想使用任何解決方法，如創建我自己的淡化類或手動觸發隱藏事件....我想使用bootstraps類和事件。

<div class="modal fade" tabindex="-1" id ="alertModal" 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-hidden="true">&times;</button> 
     <h4> bli</h4> 
     </div> 
     <div class="modal-body"> 
      <h2 >blabla</h2> 
     </div> 
     <div class="modal-footer"> 
      <button type="button" class="btn btn-primary" data-dismiss="modal"> bla</button> 
     </div> 
    </div> 
</div> 
</div>

postRender: function() { 
        $('#alertModal').on('hidden.bs.modal', function() { 
         alert("test"); 
        }); 
        this.startModal(); 
       }, 
       startModal: function() { 
        this.$el.modal({ 
         keyboard: false 
        }); 
       } 
...

再次，如果我刪除褪色類，這一切完美的作品。

更新

解決......看到答案。

來源

2014-10-07 Jony-Y

可能你遇到https://github.com/twbs/bootstrap/issues/13031？ – cvrebert 2014-10-08 09:10:04

我不能改變boostrap文件或採取更新的bootstrap.js文件...任何其他想法？ – 2014-10-08 22:10:39

這個約束*真的很愚蠢。 – cvrebert 2014-10-09 01:12:41

解決

通過只設置被定義模態時觸發器解決它。

postRender: function() { 
      this.startModal(); 
     }, 
     startModal: function() { 
      this.$el.modal({ 
       keyboard: false 
      }).on('hidden.bs.modal', function() { 
       alert("test"); 
      }); 
     },

顯然，如果你嘗試的模式創建觸發器被封鎖的褪色下課後觸發設定的事件。但是像這樣它可以工作。仍然不是100％確定爲什麼

但工程和測試。

來源

2014-10-22 06:43:42

Bootstrap淡入淡出類阻止hidden.bs.modal事件引導3.0.21

回答

相關問題