2013-05-09 16 views
2

Я пытаюсь отобразить предупреждающее сообщение с кнопкой закрытия с Twitter Bootstrap. Но Chrome не работает. Поэтому я создал jsFiddle: http://jsfiddle.net/6vD5j/3/, но странно это jsFiddle не работает.Кнопка закрытия Bootstrap не работает

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

Так что я потерян, и я требую вашей помощи, пожалуйста.

[EDIT] Если я запускаю это локально на 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>"; 
?> 
+0

ли вы загружать bootstrap.js? – Pigueiras

+0

Да, как в моем Jsfiddle. – Arnaud

ответ

6

Что-то было не так с вашим 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> 
+0

Имеет ли значение порядок вызовов (bootstrap.js, jquery.js ...)? – Arnaud

+0

Да, jquery.js должен быть первым, потому что bootstrap.js зависит от него. – woz

+0

Jsfiddle работает, спасибо, но локально он не работает ... Я отредактировал свой вопрос, не могли бы вы его увидеть? – Arnaud