3

我想提供帮助函数，允许基于 jQuery 的复杂 UI 的各种组件隐藏或显示加载div（在从页面的各个部分启动 Ajax 调用时使用）。

为此，我最初编写的代码如下：

<script type="text/javascript">
$(function ()
{
    var loadingControl = $("#loading");

    function showLoading() {
        loadingControl.show();
    }
}
</script>

但是，我很快意识到showLoading仅在该特定文档 ready的范围内。

听从的建议

https://stackoverflow.com/a/1055799/141172

我在全局范围内声明了 showLoading ，如下所示：

<script type="text/javascript">
var showLoading;
$(function ()
{
    var loadingControl = $("#loading");

    function showLoading() {
        loadingControl.show();
    }
}
</script>

但是，我仍然发现showLoading在稍后执行的文档就绪块中不可用。错误是

属性“showLoading”的值为 null 或未定义，不是 Function 对象

这种行为可以在这里看到：

http://jsfiddle.net/NfXFT/4/

jsFiddle 还证明了showLoading实现的文档就绪在调用它的文档就绪块之前运行。

出了什么问题，我怎样才能使这个辅助方法可用？

我在文档就绪块中定义它，因为它依赖于可用的“#loading”。是否有更好的方法来实现提供帮助功能来隐藏/显示加载屏幕的相同目标？我想把它保存在一个辅助函数中，因为以后实现可能会改变。

4

1 回答 1

5

发布后，我意识到我做错了什么。

function showLoading() {
    loadingControl.show();
}

应该

showLoading = function() {
    loadingControl.show();
}
于 2012-08-05T19:36:37.173 回答