Question

我使用jquery blockUI来触发加载屏幕。我在另外两个.aspx页面上使用了相同的脚本，它运行得很好。但是，我将此添加到我当前的.aspx页面，而Firefox / Chrome控制台则说$ .blockUI不是一个功能。

我已经尝试将其更改为$ .fn.blockUI并收到相同的错误。我知道还有其他类似的主题，但我已尝试过一些具有相同结果的解决方案。

这是我当前的aspx页面脚本：

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.5/themes/base/jquery-ui.css"
    type="text/css" media="all" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.5/jquery-ui.min.js"></script>
<script type="text/javascript" src="http://malsup.github.io/jquery.blockUI.js"></script>
<script type="text/javascript">
    $(function () {
        $('#<%= Submit1.ClientID %>').click(function () {
            $.blockUI({ message: $('#loader') });
        });
    });
</script>

这是一个不同的aspx页面：

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.5/themes/base/jquery-ui.css"
    type="text/css" media="all" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.5/jquery-ui.min.js"></script>
<script type="text/javascript" src="http://malsup.github.io/jquery.blockUI.js"></script>
<script type="text/javascript">
    $(function () {
        $('#<%= generateView.ClientID %>').click(function () {
            $.blockUI({ message: $('#loader') });
        });
    });
</script>

这是两个脚本使用的#loader：

<div id="loader" style="display:none">
    <img src="Icon/octo.gif"/><h1>Loading...</h1>
</div>

这两个脚本都是由asp：Button点击触发，我看到的唯一明显区别是Name.ClientID。

提前致谢。

BlockUI - TypeError：$ .blockUI不是函数

0 个答案: