Question

我正在构建一个输入表单，Dropin JS脚本运行良好。当我尝试通过ajax加载输入表单时，选择器不显示，我无法发生魔法。在呈现输入表单之后是否需要加载任何脚本或者发生无序的事情？

当输入表单呈现时，“选择Dropbox文件”按钮根本不会呈现。

======通过AJAX加载的表单元素===========

<input type="dropbox-chooser" name="selected-file" id="db-chooser" />

======加载表单的JQuery脚本=========

function addContent(lesson) {
     $.ajax({
         type: 'GET',
         url: "/Content/CreateModal",
         data: {
             'lesson': lesson
         },
         success: function (response) {
            $('#lesson' + lesson).html(response);
            document.getElementById("db-chooser").addEventListener("DbxChooserSuccess",
                            function (e) {
                                $("#DropboxUrl").val(e.files[0].link);
                            }, false);
         }
     });
}

Answer 1

Per @smarx在DB Forum上回答了问题。

我使用了新的Dropbox.choose()函数并替换了with

<a href="#" onclick="Dropbox.choose({ success: function (files) { $('#Url').val(files[0].link); } });">
  <img src="@Url.Content("~/img/dropbox35.png")" style="width:20px" />
</a>

它的工作非常精彩。

Dropbox Drop-in文件选择器未在AjaxForm中加载

1 个答案: