0

ファイルアップロードフォームフィールドにヘルプアイコンを追加しようとしています。その部分は十分に簡単です。ただし、ファイルアップロードフィールドも複数ファイルアップロードになり、jqueryマルチファイルプラグインを使用してそれを行います。プラグインがロードされると、ファイル入力フィールドが次のようになります。

<div class="MultiFile-wrap" id="MultiFile1_wrap">
<input type="file" name="attachments" class="multi MultiFile-applied"/>
<div class="MultiFile-list" id="MultiFile1_wrap_list"/>
</div>

プラグインはファイル入力フィールドをdivでラップするため、ヘルプアイコンが1行下がってしまいます。ですから、私が本当にやりたいのは、div.MultiFile-list要素にヘルプアイコンを追加することだと思いますが、ページの読み込み時に存在しないため、追加する方法がわかりません。live（）を使用してこの種のことを実行できることは知っていますが、要素ではなくイベントのみを処理しているようです。

誰かがこれを行う方法を知っていますか？これが私のjqueryコードです：

var pConSel = "#portletContainer_999999";
var helpIcon = '<img src="img/icon_help.gif" width="16" height="16" alt="file upload help" title="File Upload Restrictions|Attachments are limited to no more than 10 files, must be 100 MB each or less, and are limited to PDF, text, Microsoft Word, Powerpoint or Excel formats." class="tool-tip" />';
jQuery("input[type=file]", pConSel).each(function(index) {
jQuery(this).after(helpIcon);
});
4

1 に答える 1

0

これに対する答えは、マルチファイルプラグインがDOMをロードして変更するまで、ヘルプアイコンを追加しないことでした。

jQuery.getScript("js/multifile/jquery.MultiFile.pack.js", function() {
//add the help icons after the file upload fields
var helpIcon = '<img src="img/icon_help.gif" width="16" height="16" alt="file upload help" title="File Upload Restrictions|Attachments are limited to no more than 10 files, must be 100 MB each or less, and are limited to PDF, text, Microsoft Word, Powerpoint or Excel formats." class="tool-tip" />';
jQuery("input[type=file]", pConSel).each(function(index) {
jQuery(this).after(helpIcon);
});
});

このようにすることは魅力のように機能します。

于 2011-05-18T12:11:12.440 に答える