javascript - 类型错误:OO.ui.MessageDialog 在使用 OOUI/Windows/消息对话框时不是构造函数

Question

我正在尝试使用 OOUI/Windows/Message Dialogs 来提示用户警告。我使用了 https://www.mediawiki.org/wiki/OOUI/Windows/Message_Dialogs 中的代码片段打开对话框。

但是当我使用 var messageDialog = new OO.ui.MessageDialog(); 出现这个错误- TypeError: OO.ui.MessageDialog is not a构造函数.

可能是什么问题？

代码如下:

( function ( $ ) {
    $( '#movepage' ).on( 'submit', function(event){
        var messageDialog = new OO.ui.MessageDialog();

        var windowManager = new OO.ui.WindowManager();
        $( 'body' ).append( windowManager.$element );

        windowManager.addWindows( [ messageDialog ] );

        windowManager.openWindow( messageDialog, {
            title: 'Storage limit reached',
            message: 'You are out of disk space',
            actions: [
                { label: 'Cancel', action: 'cancel' },
                { label: 'Move page', action: 'proceed' }
            ]
        });
    });
}( jQuery ) );

Answer 1

我明白了。

您必须在 Resources.php 中添加依赖项 'oojs-ui-core'、'oojs-ui-windows'。

例如:

如果您要将消息对话框添加到 mediawiki.special.movePage.js

'mediawiki.special.movePage' => [
    'scripts' => 'resources/src/mediawiki.special/mediawiki.special.movePage.js',
    'dependencies' => [
        'jquery.byteLimit',
        'mediawiki.widgets',
        'oojs-ui-core',
        'oojs-ui-windows'
    ],
],