HTML附加到已附加的div不工作与appendTo

我有一个附加的div，我想要的是附加一个div与附加的一个。请参阅codepen of my code这是很好的解释与评论。
HTML附加到已附加的div不工作与appendTo

这里是我想要的结构：
DIV 1 - > DIV 2（有DIV1追加） - > DIV 3（附加到已附加2区）
我试图用appendTo（）;也$('#clsDashRegion_levelThree').find('#clsDashRegion_siteAlmCriticite').append(infoRegionSiteCriDetails);但它不起作用。如果你能帮助我，请让它工作，谢谢！

来源

2017-07-31 Zee

说实话，代码是非常糟糕的。有很多更好的方法来完成你想要的东西，但这里仍然是你的小提琴稍作修改。 请告诉我，如果行为是你想要什么：

https://codepen.io/anon/pen/OjNXWv

一个重要的事情是，你想点击的第二个div的id不接收直接events，因为它是generated dynamically。所以你必须使用event delegation这样的：

$(document).on('click','#clsDashRegion_siteAlmCriticite',function() { ...

来源

2017-07-31 14:16:52 hallleron

不客气:-)。你可以看看jQuery文档中的clone（），看看它是否可以帮助你。一般来说，你觉得这么复杂。您的代码真正反映了您想要实现的方式，但有更简单的方法。我的建议：阅读文档（https://api.jquery.com/），以便了解jQuery能够完成的工作。当我开始时，它帮助了我很多。 – hallleron

尝试insertAfter（）而不是appendTo（）在第二个div之后插入它。对于第二个问题：您可以找到数百万个一次性点击的示例:-)我相信您会找到一个 – hallleron

不客气:-) – hallleron

的

$('#clsDashRegion_levelTwo').html(infoRegionCriticite); 
    });

后你不应该再调用

levelThreeCriticiteDetailsBloc()

否则当你点击 '#clsDashRegion_siteAlmCriticite' 什么都不会发生。

来源

2017-07-31 14:03:17

你不应该再叫它。你在元素存在之前调用它，所以它没有办法做到。 –

尝试https://codepen.io/anon/pen/Vzajyz –

Housham函数内部的警报工作，但stil我没有得到追加结果... – Zee

HTML附加到已附加的div不工作与appendTo

回答

相关问题