Question

我正在尝试使用blockUI jQuery插件。我这样包括图书馆;

<script src="http://malsup.com/jquery/block/jquery.blockUI.1.33.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

但Chrome显示TypeError

Uncaught TypeError: Object [object Object] has no method 'blockUI'

我已尝试$.blockUI和$.fn.blockUI但未成功！

由于

编辑：我从一个函数调用blockUI代码，该函数是通过单击按钮触发的;

$(function () {
   $('#btnAddIssue').click(function(){
   $.blockUI();
 )};
)};

Answer 1

更改脚本的顺序，因为jquery.blockUI.1.33.js取决于jquery.min.js

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="http://malsup.com/jquery/block/jquery.blockUI.1.33.js"></script>

您的脚本中存在语法错误，

$(function () {
   $('#btnAddIssue').click(function(){
   $.blockUI();
 )}; //--------------> Improper closing  change it })
)}; //----------------> Improper closing change it })

<强>固定

$(function () {
    $('#btnAddIssue').click(function () {
        $.blockUI();
    });
});

JSFiddle

Answer 2

发现问题，我已经将jQuery库包含了两次.. oops：）

BlockUI - 未捕获TypeError：对象[object Object]没有方法'blockUI'

2 个答案: