как сохранить загрузочный div во второй раз после .load ()

Question

Я использую этот сценарий ajax для загрузки файлов.Все файлы выводятся в div .myFiles. При загрузке нового файла я использую $(".myFiles").load(" .myFiles");, чтобы сразу увидеть результат добавления нового файла.Но когда я заглядываю в дом, это то, что создано:

<div class="myFiles">
    <div class="myFiles">
    </div>
</div>

Как я могу предотвратить создание .myFiles div в уже существующем .myFiles?

Этомой аякс:

function ajax_file_upload(file_obj) {
        if(file_obj != undefined) {
            var form_data = new FormData();                  
            form_data.append('file', file_obj);
            $.ajax({

                type: 'POST',
                url: '',
                contentType: false,
                processData: false,
                data: form_data,

                beforeSend: function () {
                    $(".uploadspinner").show();
                },

                success:function(response) {
                  //$(".echo").html(response);
                  $('#selectfile').val('');
                  $(".myFiles").load(" .myFiles");
                  $(".uploadspinner").hide();
                  $(".uploadarea").hide();

                }




            });
        }
    }

Answer 1

Это не большая проблема, но если вы хотите, чтобы один и тот же div появлялся дважды, я бы сказал, сделайте это html:

<div class="myFiles">
   <div class="outputFiles">

   stuff goes here

   </div>
</div>

И используйте это в своем success:

success:function(response) {
              //$(".echo").html(response);
              $('#selectfile').val('');
              $(".myFiles").load(" .outputFiles");
              ***

            }

Результат: у вас есть только 1 .myFiles div и 1 .outputFiles div

Answer 2

вы можете использовать функцию .append () вместо load.

вместо $ (". MyFiles"). Load (".myFiles") использовать $ (". MyFiles"). Append ("«);