jQuery：创建一个对象后创建任何新对象答案

【问题标题】：jQuery: create any new object after creation of one objectjQuery：创建一个对象后创建任何新对象
【发布时间】：2012-05-16 08:34:43
【问题描述】：

我想在创建 #TB_window 对象时插入一个像 $('<p>Test</p>').prependTo('#TB_window'); 这样的对象。

创建thickbox后如何制作？

我想在 wordpress 网站上使用它http://hogdal.dk/?p=60

只需查看图库中的图片即可。

我使用的是wordpress默认的thickbox。

【问题讨论】：

能否显示创建代码
只是一个note thickbox，现在不支持，你可以用fancybox代替，查看这个替代方案：jquery.com/demo/thickbox
@3nigma：我想在wordpress网站上使用那个hogdal.dk/?p=60看看画廊里的图片
@Faddel Homsi：我使用的是wordpress默认的thickbox。

标签： jquery object event-handling thickbox oncreate

【解决方案1】：

这个怎么样：

http://jsfiddle.net/zerkms/YZwRu/

$(document).on('DOMNodeInserted', function(event) {
    var $target = $(event.target);

    if ($target.is('#TB_window')) {
        $target.append('<p>Test</p>');
    }
});

$('body').append('<p>a</p>');
$('body').append('<p id="TB_window">b</p>');
$('body').append('<p>c</p>');

在本例中，我们使用DOMNodeInserted 事件，该事件在另一个节点插入到文档时触发。之后，我们检查该元素是否具有所需的 id，如果是，则 - append 为其添加新节点

【讨论】：

错误：$(document).on 不是错误控制台中的函数
@Sazzad Tushar Khan：对于 jquery .bind() 而不是 .on()
@Sazzad Tushar Khan：代码和 jquery 1.7.1 没有问题。 jsfiddle.net/zerkms/YZwRu/1 - 完美运行。请仔细检查您的版本。您可以在运行时使用alert($.fn.jquery); 进行检查
jQuery(document).ready(function() { jQuery('body').append('
Test
'); }); jQuery(document).on('DOMNodeInserted', function(event) { var target = jQuery(event.target); if (target.is('#TB_window')) { target.append('
Test2
'); } });
$target 应该只替换为 target