1

次のように、自分のページで jquery ファイルのアップロード機能を使用しています。

$('.new-variant-image')
 .fileupload({ 
       dataType: 'script',
       add: function(e, data){ 
       }
});

ただし、DOM クラス「new-variant-image」は、ページが読み込まれた後に動的に作成されるため、機能しません。「on」と「live」を使用して動的イベントをバインドする方法を検索しましたが、この場合は機能しませんでした。

どんな援助でも大歓迎です。

編集

DOM要素「new-variant-image」は、後でAJAXを使用して作成されます。要素の作成後にコードを配置すると機能します。しかし、ajaxを使用して関数を複数回呼び出すと、ブラウザが約2〜3秒ハングするため、それを避けたいと思います。

4

3 に答える 3

0

この質問への回答は非常に遅くなりましたが、jQuery 1.7以降ではjQuery.fn.onを使用できます。

$(document).on("click", ".new-variant-image", function () {
    $('.new-variant-image')
            .fileupload({
                dataType: 'script',
                add: function (e, data) {
                }
            });
})

これにより、存在するすべての要素またはクラスで動的に追加された要素のイベント ハンドラー関数がアタッチされnew-variant-imageます。

于 2015-01-15T19:56:05.600 に答える