加载后附加元素

我有这个代码

$(".test_init").click( function(){ var win = $(this).next(".test_wrap").find(".test_drop"); if ($(win).html().length) $(win).empty().hide("fast"); else { $(win).load("URL"); } }); 

这给我一些没有关闭按钮的html表单

我希望使用这种方法添加关闭按钮，而不是在每个单独的函数中添加它

 $('*[class*="_drop"]').change(function() { $(this).append($('', { class: 'close-drop', click: function(e) { e.preventDefault(); alert("test"); }}) ); }); 

但没有任何反应 – 我无法理解为什么关闭按钮不会附加

示例： http ： //jsfiddle.net/fppfyey7/10/

Answer 1

你的问题是你的CSS，而不是你的JS。 按钮是附加的，但你用你的风格隐藏它。

例如，在这个小提琴中，我用你的JS代码和你的CSS附加一个按钮：

小提琴1

现在，在这一个中，我只删除你的absolute和relative类：

小提琴2

Answer 2

我的解决方案（不够好，仍然有效）

 $('*[class*="_drop"]').ajaxStop(function() { $(this).prepend(''); }); 

如果这里有更好的解决方案，将其标记为answear！