javascript - jQuery 全局对象在函数内不起作用

Question

任何人都可以告诉我为什么下面的示例不起作用:

var obj = $('#example');

function examplefunc(){
    obj.hide();
}

虽然第二个工作正常:

function examplefunc(){
    var obj = $('#example');

    obj.hide();
}

我知道区别很明显 - 在第一个示例中我们有全局变量，而在第二个示例中我们有本地变量。但另一个例子显示全局字符串 var 我可以在函数内部访问:

var text = "Hello World!"

function examplefunc(){
    alert(text);
}

如何使全局 jQuery 对象变量在第一个示例中的函数内可见？创建和使用全局 jQuery 对象有什么限制吗？有什么解决办法吗？

Answer 1

我大胆猜测您正在执行这行代码:

var obj = $('#example');

ID 为 example 的元素之前被浏览器解析成DOM。您可以通过移动 <script> 来解决这个问题元素位于#example下方文档中的元素，或者您可以使用文档就绪事件:

var obj;

$(function () {  // This function is run after the document is parsed and ready
    obj = $('#example');
});

function examplefunc(){
    obj.hide();
}