jQuery -- blockUI不是函数

Question

我有以下jQuery代码，它给我带来了一个问题。我有两个jQuery函数，这两个函数都调用blockUI，并且都得到了相同的错误。它说blockUI不是一个函数。有人能告诉我为什么吗？

function loading() {
                // register on click event for buttons.
                $.blockUI({
                    message: '<h3 class="fldHead">Loading... <img src="/app/images/winliveprog.gif"/></h3>'
                });
                $('body').css('cursor', 'wait');
        }
        $(function() {
            $('[name="btnPreviewPost"]').click(function() {
                console.log('btnPreviewPost clicked');
                $(this).blockUI();
                loading();
                $.blockUI({
                    message: '<h3 class="fldHead">Loading... <img src="/capserver/images/winliveprog.gif"/></h3>'
                });
                $('body').css('cursor', 'wait');
            });
            $('[name="btnEditPost"]').click(function() {
                console.log('btnEditPost clicked')
                $(this).blockUI();
                loading();
                $.blockUI({
                    message: '<h3 class="fldHead">Loading... <img src="/capserver/images/winliveprog.gif"/></h3>'
                });
                $('body').css('cursor', 'wait');
          });
        });

Answer 1

尝试将其创建为$.fn.blockUI，以便在$(This).blockUI()等jquery对象上调用它；

Answer 2

我也有同样的问题，原来我通过一些依赖项包含了两次javascript文件。一旦我删除了其中一个javascript文件，blockUI就能正常工作。

Answer 3

请注意，在最新版本的jQuery.This中，jQuery BlockUI插件将不会“开箱即用”，这是因为BlockUI使用了jQuery 1.9中删除的jQuery.browser应用编程接口。要让BlockUI再次工作，您需要使用jquery-migrate：

https://github.com/jquery/jquery-migrate/#readme