データ型 HTML を使用して $.post 経由で ".content" に html をロードしています。読み込まれたコンテンツには、2 つの jquery プラグインが選択されています。最初にページをロードすると正常に動作し、Select2 プラグインが実行されますが、戻って再度ロードするとエラーが発生します
TypeError: $(...).select2 is not a function
ajaxをロードする私のコードは
(".body .content").on("click", ".process_record", function(e){
var url = $(this).attr("data-url");
$.post(url, function(data){
$(".body .content").html(data);
},"html");
})
$.post を介してロードするコンテンツ
<script type='text/javascript' src='js/plugins/jquery/jquery-1.9.1.min.js'></script>
<script type='text/javascript' src='js/plugins/bootstrap/bootstrap.min.js'></script>
<script type='text/javascript' src="js/plugins/select/select2.min.js"></script>
<script type="text/javascript">
$(".select").select2();
</script>
いくつかのhtml....そして
<select name="bank_id" class="select" style="width: 100%;" tabindex="1">
<option value="0">Select...</option>
<option value="1">Option</option>
</select>