4

Bootstrap とファイル フィールドに少し奇妙な問題があります。

プロジェクトでは、単純なアップロード ダイアログを実装しています。

http://jsfiddle.net/RxxSv/4/

モーダル コンテナに追加data-toggle="modal"するとすぐに、ファイル入力フィールドがクリックに反応しなくなります (ブラウザにファイル選択ダイアログが表示されなくなります)。

これは、Bootstrap のモーダル コード/イベント処理が原因であると思われます。どこかでクリックイベントが失われていますが、実際にはわかりません。

何か案は？

4

2 に答える 2

5

理由を説明することはできませんが、ドキュメント(ライブ デモ) にあるすべての属性を入力すると、入力は正しく機能します。

<div id="modal-upload" class="modal hide fade" tabindex="-1" 
role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">

JSFiddle: http://jsfiddle.net/4TQvY/

于 2013-02-25T23:38:52.650 に答える
0

私の同志は別の方法でそれを行うようにアドバイスしました：

<a class="btn btn-primary" href="#" style="margin-left: 100px" id="prefix">Choose file</a><input type="file" id="file_source" style="position:absolute;z-index:2;top:0;left:0;filter:alpha(opacity=0);opacity:0;background-color:transparent;color:transparent;">

別の & 入力を作成し、クリック イベントを呼び出す

    jQuery("#prefix").click(function()
    {
        console.log("INSERT JSON");
        $("#file_source").click();
        return false;
    });
于 2014-04-23T12:34:26.250 に答える