2

入力フォームを作成していますが、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);
         }
     });
}
4

1 に答える 1

2

@smarx ごとに、DB フォーラムで回答がありました。

新しいDropbox.choose()関数を使用して、

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

そして、それは美しく機能します。

于 2013-10-25T20:53:09.820 に答える