jQueryのロード後にSelect2が機能しない

Question

私はこの問題を抱えていますが、修正できません。私がしていることはすべて動作しません。私は多くのフォームで作業するので、私はすべてのフォームのPHPファイルを作成し、ajaxの負荷でフォームを呼び出すことにしました。

JSファイル：

$('#firstForm').on('submit', function(e) { 
    e.preventDefault(); 
    $.ajax({ 
     url : "includes/firstform.inc.php", 
     type: "POST", 
     data: $(this).serialize(), 
     success: function (data) { 
     $('.content-container').load('forms/zipscreens-form.php'); 

     }, 
     error: function (jXHR, textStatus, errorThrown) { 

     } 
    }); 
}); 

HTMLコンテナ：

<div class="content-container"> 
// in this div the form will be stored. 
</div> 

選択フォーム：

<select class="js-example-basic-single" name="selectWidth"> 
    <?php 
    for ($row = 1; $row <= $lastRow; $row++) { 
    echo "<option value='AL'>"; echo $worksheet->getCell('A'.$row)->getValue(); echo "</option>'"; 
    } 
    ?> 
</select> 

なぜこの作業ではないのですか？

Answer 1

select2（）を初期化する必要があります。ロードコールが完了したら、これを行うことができます。だから、代わりに：

$('.content-container').load('forms/zipscreens-form.php'); 

使用..

$(".content-container").load("forms/zipscreens-form.php", function() { 
    $(".js-example-basic-single").select2(); 
});