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

回答

相關問題