twitter-bootstrap - Bootstrap 的关闭按钮不起作用

Question

我正在尝试使用 Twitter Bootstrap 显示带有关闭按钮的警报消息。但它不适用于 Chrome。所以我创建了一个 jsFiddle： http: //jsfiddle.net/6vD5j/3/，但奇怪的是这个 jsFiddle 不起作用。

<div class='alert alert-error'>
    <button type='button' class='close' data-dismiss='alert'>×</button>
    Test
</div>

所以我迷路了，我需要你的帮助。

[编辑]如果我在 Chrome 上本地运行它，它不起作用：

<?php echo "<link href='http://twitter.github.com/bootstrap/assets/css/bootstrap.css' rel='stylesheet' media='screen'>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js'></script>
<script src='http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/js/bootstrap.min.js'></script>

<div class='alert alert-error'>
<button type='button' class='close' data-dismiss='alert'>x</button>
Test
</div>";
?>

Answer 1

您的 bootstrap.js 有问题。我再次上​​传了它，现在它可以工作了：

http://jsfiddle.net/6vD5j/4/

您使用的是 2.0.2，我将其更改为当前版本的 2.3.1。我的猜测是这个功能在 2.0.2 中不可用。

HTML是相同的：

<br><br>
<div class='alert alert-error'>
<button type='button' class='close' data-dismiss='alert'>×</button>
Test
</div>