ホームページ >ウェブフロントエンド >CSSチュートリアル >jQuery の `trigger('click')` が隠しファイル入力に対して機能しないのはなぜですか?それを修正するにはどうすればよいですか?
jQuery を使用したファイル入力のトリガー
jQuery を介してファイル入力フィールドをアクティブにしようとしたときに、標準の構文を使用すると問題が発生しました。 $('#fileinput').trigger('click'); の
当初、セキュリティ制限が問題の原因であると考えられていました。しかし、さらなる調査により、特にファイル入力フィールドが display:none; によって非表示になっている場合に問題が発生することが判明しました。または可視性:非表示;。この制限を回避するために、単純な位置決めソリューションが採用されました。
position: absolute; top: -100px;
ファイル入力フィールドをビューポートの外側に配置することで、セキュリティ制限が事実上回避され、トリガー機能が意図したとおりに機能しました。
関連するディスカッションで述べたように、このアプローチは、見方によっては、有用な回避策またはハックとみなすことができます。それにもかかわらず、これは、jQuery を使用してファイル入力フィールドをトリガーする際によく発生する問題に対する実用的な解決策を提供します。
以上がjQuery の `trigger('click')` が隠しファイル入力に対して機能しないのはなぜですか?それを修正するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。