jquery - 在 $(document).ready() 之外使用 jQuery

Question

我在 $(document).ready() 之外创建了一个函数，但仍在其中使用 jQuery。例如:

testFunction(){
  $('#test').hide();
  alert('test');
}

当我在页面完全加载后调用 testFunction() 时，#test 并未隐藏，但我确实看到了警报。

为了在此函数中使用 jQuery，我必须做什么？谢谢!

更新:

很高兴了解在 $(document).ready() 之外工作没有任何限制。

这就是它不起作用的原因:我没有调用 testFunction()，我正在从 iframe 调用 parent.testFunction() 并且 #test 在父框架中。所以...我想我不能使用“#test”作为选择器。我应该使用什么？

Answer 1

您可以使用“#test”作为选择器，只需给出 jQuery some context ，因为它始终假设您正在谈论当前文档中的 ID，而不是父文档:

// Selects the test element from the parent
var test = $('#test', parent)

编辑
jQuery 是从什么上下文加载的？ IFrame 还是父窗口？这可以产生很大的不同。

我会使用 alert() 来测试 jQuery 是否发现任何内容。使用 jQuery 对象作为参数调用 alert()。

alert($('#test'));
// or
alert($('#test').get(0));
// also try
alert(document.getElementById('test'));

如果最后一个不起作用(它应该提醒“HTMLElement”，具体取决于浏览器)，那么 jQuery 不是问题。