jquery - 我的引导警报不显示

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 脚本：

$('#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');
});

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

Answer 2

如果您希望此警报可以切换，您可能根本不想使用该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 3

因为没有这样的东西，所以调用 open 是引导程序警报......周围的方法是......hide()它首先show()是点击它

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

在这里摆弄

Answer 4

可能你忘记引用这个：

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

我有同样的问题。我添加了它，它起作用了。