jQuery -- blockUI 不是函数

我有以下 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');
          });
        });

最佳答案

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

关于jQuery -- blockUI 不是函数，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/12398461/