Question

单击时为什么不显示警报？

我有这些HTML：

<div id="submit-errors" class="alert alert-error fade in">
    <button class="close" type="button" data-dismiss="alert"></button>
     <h4 class="alert-heading">Errors</h4>
    <p>sdfgsdg</p>
</div>
<button id='foo'>foo</button>

和JS Scripts：

$('#submit-errors').alert('close');
$('#foo').on('click', function () {
    $('#submit-errors').alert('open');
});

小提琴：http://jsfiddle.net/XKYeg/1/

Answer 1

如果您从未致电：$('#submit-errors').alert('close');

你可以这样做：

$('#foo').on('click', function () {
    $('#submit-errors').toggleClass('out, in');
});

Fiddle: http://jsfiddle.net/XKYeg/3/

Answer 2

因为没有这样的事情，打开是自助警报......周围的方式是.... hide()它首先和show()点击它

$('#submit-errors').hide();
$('#foo').on('click', function () {
    console.log('here');
    $('#submit-errors').show(); //or slideDown() for effect
});

fiddle here

Answer 3

如果您希望此警报可以切换，则可能根本不想使用alert()方法。但你可以这样做：

HTML：

<div id="submit-errors" class="alert alert-error hide">
    <button id="closeAlert" class="close" type="button"></button>
    <h4 class="alert-heading">Errors</h4>
    <p>sdfgsdg</p>
</div>
<button id='foo'>foo</button>

JS：

$('#foo').on('click', function () {
    $('#submit-errors').show();
});

$('#closeAlert').on('click', function () {
    $('#submit-errors').hide();
});

Answer 4

你可能忘了参考这个：

<script src="http://twitter.github.com/bootstrap/assets/js/jquery.js"></script>

我有同样的问题。我添加了它，它有效。

我的引导程序警报未显示

4 个答案: