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

我遇到了同样的问题，结果我通过一些依赖项包含了 javascript 文件两次。一旦我删除了其中一个 JavaScript 文件，blockUI 就可以正常工作了。