按鈕「保存」關閉懸浮窗點擊

我使用的懸浮窗插件上傳圖片，我有一個小問題的。點擊「保存」按鈕後，文件POST到服務器，但彈出窗口仍然顯示在瀏覽器中。所以，我想知道，如果這是正常的插件行爲，如果不是，我可以聽'Save'按鈕上的點擊事件，並關閉它後面的彈出窗口？

EDITED

我的HTML

<div class="modal resource-creator-modal" tabindex="-1"> 
    <div class="modal-dialog modal-sm"> 
     <div class="modal-content"> 
      <div class="modal-header"> 
       <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> 
       <h4 class="modal-title">Edit Resource</h4> 
      </div> 
      <div class="modal-body"> 

      </div> 
      <div class="modal-footer"> 
       <button form="resource-creator" type="reset" class="btn" data-dismiss="modal" aria-hidden="true">Cancel</button> 
       <button form="resource-creator" type="submit" class="btn btn-success" data-loading-text="Proceed...">Save</button> 
      </div> 
     </div> 
    </div> 
</div>

的懸浮窗

initFileUpload: function() { 
    if (this.dropzone) return; 

    this.dropzone = new Dropzone(this.$('.dropzone-box').get(0), { 
     url: this.options.url.fileUpload, 


addRemoveLinks : true, 
      maxFiles: 1, 
      acceptedFiles: '.jpg, .mp4', 
      dictResponseError: "Can't upload file!", 
      thumbnailWidth: 138, 
      thumbnailHeight: 120, 

      previewTemplate: $('#drop-item-preview').html() 
     }); 

     this.dropzone.on('complete', this._onUploadFileComplete.bind(this)); 
    }

來源

2015-10-06 volodymyr3131

請添加您使用的HTML和Javascript。 –

用html和js更新了我的問題 – volodymyr3131

您沒有爲使用的保存按鈕添加HTML和JS。或者如果你有它的話，發佈網址 –

初始化正如你無法發佈有關上傳完整代碼，不能給你的解決方案基於你的上傳者。但是，如果你瞭解下面的代碼，你將能夠實現你想要的。

this.on("complete", function (file) { 
    if (this.getUploadingFiles().length === 0 && this.getQueuedFiles().length === 0) { 
     // Some options to hide the Container or Modal 
     $('#file-uploader-container').hide(); // If the uploader is in a Container hide it 
     $('#file-uploader-modal').hide(); //If your uploader is in a Bootstrap modal, hide it by applying Display none on the Modal. 
     $('#file-uploader-modal').modal('hide'); //By closing modal programmatically. 
     $('#file-uploader-modal #btn-close').trigger('click'); // By triggering Modal's close button (give an ID to call it) 
    } 
});

根據您的需要，在容器或模態上應用腳本。希望它能解決你的問題。

來源

2015-10-06 12:04:49

關閉模式窗口的最佳方式是觸發'重置'按鈕上的點擊事件，它已經做我想做的！所以，這是一個解決方案！ – volodymyr3131

按鈕「保存」關閉懸浮窗點擊

回答

相關問題