自动将内容加载到jquery中创建的div中

Question

我正在寻找一种方法让jquery在页面中创建时自动更改<div>的内容。

我正在做的，特别是使用jquery将django模板加载到页面中。其中一些模板包含我希望在进入浏览器后立即更改的模板。

作为一个简单的例子，我想要的是以下工作：

$(".load_into").live("load",function(){$(this).html("Dynamic content!");});

但是，“load”不是可以与<div>一起使用的事件类型，因此实际上不起作用。有关简单方法的任何想法吗？谢谢你的帮助！

Answer 1

你可能想要的是livequery plugin，使用它看起来像这样：

$(".load_into").livequery(function(){
  $(this).html("Dynamic content!");
});

与监听事件的.live()不同，.livequery()会查找新元素，并会在找到所有新元素时运行您为其提供的函数。

Answer 2

你可能正在寻找准备回调函数

$(".load_into").ready(function(){$(this).html("Dynamic content!");});

在浏览器中创建div后，不运行 通常的方法是将此回调与文档创建联系起来：

$(document).ready(function(){$(".load_into").html("Dynamic content!");});