0

クリックしてもアラートが表示されないのはなぜですか？

私はこれらの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/

4

4 に答える 4

1

電話をかけたことがない場合：$('#submit-errors').alert('close');

あなたはこれを行うことができます：

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

フィドル：http：//jsfiddle.net/XKYeg/3/

于 2013-03-21T19:11:23.953 に答える
1

このアラートを切り替え可能にしたい場合は、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();
});
于 2013-03-21T19:20:00.733 に答える
0

そのようなものはないので、オープンコールはブートストラップアラートです...回避方法は....hide()最初show()にクリックすると

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

ここでフィドル

于 2013-03-21T19:18:17.217 に答える
0

これを参照するのを忘れているかもしれません：

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

私は同じ問題を抱えていました。私はそれを追加しました、そしてそれはうまくいきました。

于 2013-07-02T12:52:18.037 に答える