Question

我正在围绕一个Bootstrap模板构建一个Web应用程序，该模板包含一个名为＆＃34; nifty modals＆＃34;的附加组件。当模态显示为设置默认焦点时，我需要得到通知。模板是基于bootstrap 1.3.1的。

在我的document.onReady中，我将这个函数添加到了show.bs.modal这样的事件中;

$（＆＃39;＃form-primary＆＃39;）。on（＆＃39; shown.bs.modal＆＃39;，function（e）{ 的console.log（＆＃39;示出＆＃39）; }）

但是，我相信这个事件并不是由nifty-modals触发的，只是常规的Bootstrap模态机制。这可能是，可能是设计。

有没有人知道如果有办法让漂亮的模态代码触发类似的事件，或者如果有的话？

Answer 1

如果不修改漂亮的模态代码，我没有看到任何方法。

在nifty modal的niftyEffects.js中你可以添加这一行：

el.addEventListener( 'click', function( ev ) {
    classie.add( modal, 'md-show' );
    overlay.removeEventListener( 'click', removeModalHandler );
    overlay.addEventListener( 'click', removeModalHandler );

    if( classie.has( el, 'md-setperspective' ) ) {
        setTimeout( function() {
            classie.add( document.documentElement, 'md-perspective' );
        }, 25 );
    }
    $(modal).trigger('shown.nifty.modal'); // <-- add this line
});

一旦显示模态（转换完成之前），事件就会触发。

http://tympanus.net/Development/ModalWindowEffects/

Bootstrap，漂亮的模态和shown.bs.modal事件

1 个答案: