もう一度 FF/Chrome/Safari は機能しますが、IE は機能しません... 憂鬱ではありませんが、現実です。
これが取引です。シンプルなファイル フィールドが視覚的に非表示 (不透明、非表示) の見栄えの良いページがあり、これが私のワークフローです。
- ユーザーは素敵なグラフィックをクリックします
- ファイル フィールドのクリック イベントをトリガーします。
- ファイルダイアログが開きます
- ユーザーがファイルを選択
- ユーザーは素敵なグラフィックをクリックしてフォームを送信します
- 終わり
フォーム送信イベントがトリガーされた直後の IE では、フィールドは魔法のように空になり、送信イベントは完了しません。イベントがフィールドを消去するだけで、それ以上のものは何もないかのようです!!!
JS コードは次のとおりです。
$('#file_browse').bind('click', function() {
$('#file_field').trigger('click');
});
$('#file_form #file_field').bind('change', function() {
$('#file_submit').show();
});
$('#file_form #file_submit').bind('click', function() {
$('#file_form').submit();
});
それでおしまい！html には単純なファイル フィールドがあります。特にない。入力フィールドに CSS を使用せずにテストしたところ、目の前で発生しました... フィールドが空になっています。
なぜこれが起こるのか、誰にも手がかりがありますか???