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>

Bootstrap关闭按钮不起作用

1 个答案: