php - ajaxポスト後に要素をリセットする

Question

そのため、Bluimp Jquery File Upload プラグインを使用してファイルを S3 にアップロードしています。1 つのファイルをアップロードすると、別のファイルをアップロードできないことを除いて、すべて正常に動作します。要素はまだページに存在しますが、おそらくイベント リスナーが機能しなくなったようです。基本的に、1 つの div (.activity-post) をリロードしたいだけです。

私は次のことを試しました：

      $(".activity-post").load();
      $(".activity-post").load(window.location.href  + ".activity-post");
      document.getElementById('#inputfile').reset(); //also doesnt work.  

これは loadActivity() 関数です:

function loadActivity() {
  var competitionId = $("body").attr("data-competitionId");
  var url = "activity_api.php?competitionId=" + competitionId;

   $.get(url, function(data) {
     $("#activityspot").html(data);
   });
 } 

スクリプトは次のとおりです。

 $('#inputfile').fileupload({
    url: 'upload.php?competitionId=<?php echo $_GET['competitionId']; ?>',
    sequentialUploads : true,
    dataType: 'text',
    progressall: function (e, data) {
            $(".loader").show();
    },
    done: function (e, data) {
       loadActivity();
       console.log("updating activity feed");
       //reset element here. 
    }
  });