jquery - Div に html を追加する

Question

要素にいくつかのテンプレートをロードしたいと考えていますdiv。

1 つのテンプレート画像をクリックするたびに、HTML テンプレートを#contenidor_iframe div要素にロードする必要があります。

これは、テンプレートをロードする必要があるコンテナーです。

<div id="contenidor_iframe"></div>

これはテンプレート コードです。

HTML

<link rel="stylesheet" type="text/css" href="../pluggins/dropzone/dropzone.css"> 
<div style=" margin:auto; text-align:center; ">
    <form action="http://www.torrentplease.com/dropzone.php" class="dropzone dz-clickable" id="casella2"  style=" overflow:hidden;border:#FC3 2px dashed; width:300px; height:300px; display:inline-block; margin:10px;  " ></form>    
    <form action="http://www.torrentplease.com/dropzone.php" class="dropzone dz-clickable" id="casella3"  style="border:#FC3 2px dashed; width:30%; height:109px; z-index:9999999 ; display:inline-block; "></form>     
</div>
<!-- ----------   DROPZONE  plugin   ------------------------   -->
<script src="../pluggins/dropzone/dropzone.js"></script>

   

テンプレートをロードするスクリプトは次のとおりです。

JavaScript

$("#caixa_plantilles").children().click(function(event) {
    var id_plantilla = event.target.id; // New selected target
    $.get('../plantilles/'+id_plantilla+'.html', function(data) {
        $('#contenidor_iframe').html(data);
        // alert('Load was performed.');
    });
});

メイン ドキュメントには Jquery ライブラリがありますが、plantilla1.html (テンプレート) を開くと問題なく動作するので問題ありません。