关于jquery：无法找到Javascript函数


Javascript function cannot be found


我在document.ready()中有以下代码

1
2
3
4
5
6
7
8
9
if ($("#site-master").length > 0) {

    setMinContentHeight();

    function setMinContentHeight() {

        // removed for clarity
    }
}


我只是检查页面是否正确(#site-master)，然后调用我的最小高度函数，但是我在firebug中遇到以下错误：ReferenceError：setMinContentHeight未定义。


我不是javascript专家，但这怎么可能呢？ 如果我将它移到document.ready()之外，该函数可以工作。 我已经检查过了if语句中的代码。


此外，这是实现我想要的最佳方式吗？


提前致谢。

相关讨论


永远不要在if或for语句中声明您的函数：

1
2
3
4
5
6
7
function setMinContentHeight() {
    // removed for clarity
}

if ($("#site-master").length > 0) {
    setMinContentHeight();
}


如果我们解决ECMAScript规范，根据第12章，if子句被认为是一个Statement(以及for，while，with，try/catch等)。


因此，遵循语义部分的注释：

Several widely used implementations of ECMAScript are known to support
the use of FunctionDeclaration as a Statement. However there are
significant and irreconcilable variations among the implementations in
the semantics applied to such FunctionDeclarations. Because of these
irreconcilable differences, the use of a FunctionDeclaration as a
Statement results in code that is not reliably portable among
implementations. It is recommended that ECMAScript implementations
either disallow this usage of FunctionDeclaration or issue a warning
when such a usage is encountered. Future editions of ECMAScript may
define alternative portable means for declaring functions in a
Statement context.


这意味着我们无法保证在这种情况下的一致行为，因此，如果在语句中声明了函数，我们将始终在strict mode中获得异常。

相关讨论


首先，阅读var functionName = function() {}和function functionName() {}之间的区别，以了解函数声明与表达式。那你有什么？两者都不是，因为函数声明需要位于函数/脚本代码的顶层 - 不允许将它们嵌套在块中。它被称为函数语句，是非标准的，并且工作方式不同。


把它放在if -block之外：

1
2
3
4
5
6
7
8
// here
if ($("#site-master").length > 0) {
    setMinContentHeight();
}
// or here:
function setMinContentHeight() {
    …
}

1
2
3
4
5
6
if ($("#site-master").length > 0) {
    setMinContentHeight();
}
function setMinContentHeight() {
        // removed for clarity
}


您需要在全局范围内声明您的函数。

相关讨论


在定义函数后放置调用，并且不在if块中定义函数：

1
2
3
4
5
6
7
function setMinContentHeight() {
    // removed for clarity
}

if ($("#site-master").length > 0) {
    setMinContentHeight();
}


也许你有浏览器兼容性问题，但它的工作原理如下：


对：

1
2
n();
function n(){ alert('1'); }


错误：

1
2
n();
var n = function(){ alert('1'); }
相关讨论