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工作正常.

Answer 2

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