5

これは信じられないほど奇妙です。私は基本的な Bootstrap モーダルを持っており、派手なものは何も行ってinput type=fileおらず、その中で動作していません。クリックしても何も起こりません。ファイル入力がモーダルの外でページに移動された場合、問題はありません。

参照用のモーダルコードは次のとおりです。

<div id="addImageModal" class="modal hide fade" data-toggle="modal">
<div class="modal-header">
  <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
    x
  </button>
  <h4>Add Drawing Image</h4>
</div>
<div class="modal-body">
  <div class="form-horizontal">
    <div class="control-group">
      <label class="control-label" for="inputDisplayName">Display Name</label>
      <div class="controls">
        <input id="inputDisplayName" type="text" placeholder="">
      </div>
    </div>
    <div class="control-group">
      <div id="previewImage"></div>
    </div>
    <div class="control-group">
      <input type="file" name="files[]" multiple="">
    </div>
  </div>
</div>
<div class="modal-footer">
  <a href="#" data-dismiss="modal" class="btn">Cancel</a>
  <a href="#" class="btn btn-primary btnUploadImage">Upload</a>
</div>
</div>

本当に奇妙な問題。何か案は？

編集:これは Bootstrap 2.3.1 であり、楽しみのために入力に z-index を設定しようとしましたが、違いはありませんでした。

4

2 に答える 2

6

data-toggle="modal"コンテナ div から削除します。

この属性は、モーダルの起動に使用されるbuttonorタグにのみ含める必要があります。a

于 2013-04-25T22:57:13.940 に答える