加载后追加元素

本文介绍了加载后追加元素的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我有此代码

$(".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表单

Which returns me some html form without close button

我希望使用这种方法添加关闭按钮，而不将其添加到每个单一功能中

I wish to add close button using such method without adding it in every-single function

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

但是什么也没发生-我不明白为什么关闭按钮没有追加

But nothing happens - i can't understand why close button doesn't appends

<div class="test_wrap relative">
  <div class="test_drop absolute"></div>
</div>

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

推荐答案

我的解决方案(不够好，仍然可以使用)

My solution (isn't good enough, still works)

$('*[class*="_drop"]').ajaxStop(function() {
    $(this).prepend('<a onclick="$(this).parent().empty().hide(\'fast\');" class="close-drop"></a>');
});

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

If here will be better solution, will mark it as answear!

这篇关于加载后追加元素的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！