以下のコードは、アップロードフィールドへのリンクを追加します。新しいクリックごとに、合計5つまでのフォームへの新しいアップロードフィールドが表示されます。Chromeなどにエラーはありません。
スクリプトは他のブラウザではうまく機能しているようですが、IE8ではエラーがスローされるため、以下の行の何が問題になっているのか知りたいですObject doesn't support this action
。代替コードを提案できますか?
<div id="edit-submitted-file1-ajax-wrapper" style="display: block;">
//upload field here
</div>
<a id="addmore" href="#">[+] Add more</a>
<div id="edit-submitted-file2-ajax-wrapper" style="display: block;">
//upload field here
</div>
<div id="edit-submitted-file3-ajax-wrapper" style="display: block;">
//upload field here
</div>
等
first = $('.webform-client-form').find('div[id$="-ajax-wrapper"]').first();
first.after('<a id="addmore" href=#>[+] Add more</a>');
$('.webform-client-form').find('div[id$="-ajax-wrapper"]').each(function(){
$(this).hide();
first.show();
});
var c = 0;
$('#addmore').bind('click', function(e) {
//HERE BELOW IS THE LINE WITH ERROR
item = $('#edit-submitted-file'+ c +'-ajax-wrapper');
item.show();
++c;
if (c == 5) {
$('#addmore').hide();
return false;
}
});