同步 jQuery 从 DOM 检索

Question

我有一个个人脚本设置。我所做的就是在一个文件夹中编写一些 javascript 文件，然后一个脚本负责连接所有这些文件并缩小它们。

在两个不同的文件中，我有这个：

文件 1:

...document ready...
$(this).attr('id', 'foo');
...

文件 2:

...document ready...
$('#foo').append('<span>bar</span>');
...

问题是，当它尝试检索 #foo 元素时，它找不到任何内容，很可能是因为它没有创建然而。有什么方法可以同步这个过程，以便它遵循更正确的顺序吗？ （先创建，然后追加）

谢谢！

Answer 1

“文档就绪”事件无法确定函数的调用顺序。我认为如果您不使用文件 2 中的函数的“文档就绪”事件会更好。

类似这样的事情应该有效：

文件 2：

...on load of page/element...
'parent of foo'.bind('foo_inserted', 
                      function() { $('#foo').append('<span>bar</span>'); });

文件 1：

...document ready...
'parent of foo'.attr('id', 'foo');
'parent of foo'.trigger('foo_inserted');

有关更多详细信息，请参见例如此 页面 或 jQuery 文档。