1

ここを参照してください: JSFiddle デモ

Bootstrap alert.js の親ウィンドウは閉じませんか? （グーグル翻訳より！）

<div class="alert alert-danger fade in">
    <h4>Oh snap! You got an error!</h4>
    <p>Change this and that and try again. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum.</p>
    <ul class="pager">
      <li class="previous"><a href="#" class="text-muted" data-dismiss="alert" aria-hidden="true"><i class="glyphicon glyphicon-eye-close"></i> Close</a></li>
      <li class="next"><a href="#" class="text-muted"><i class="glyphicon glyphicon-fullscreen"></i> View</a></li>
    </ul>
</div>
4

1 に答える 1

0

機能しない理由は、data-dismissボタンの親要素だけが消えるためです。これは、Bootstrap が将来修正するバグである可能性が非常に高いです。

1 つのオプションは、ボタンの親要素がアラート ボックスであることを確認することです。

<div class="alert alert-danger fade in">
  .....
  <a class="btn btn-danger" data-dismiss="alert" href="#">Close</a>
</div>

http://jsfiddle.net/YbBXn/4/

もう1つの回避策は、直接の親である別の非表示の閉じるボタンのクリックをボタンにトリガーさせることです。

http://jsfiddle.net/YbBXn/5/

于 2013-10-11T03:41:00.527 に答える