0

Twitterのブートストラップシステムを使用してフォームの1つが空の場合、エラーメッセージがポップアップ表示される単純なフォームがあります。

エラーメッセージがポップアップし、「X」をクリックするとエラーボックスを非表示にする単純なJQuery関数を設定しましたが、フェードアウトしてから再びポップアップします。本当に奇妙な、誰かがこれに遭遇する前に？

コードは次のとおりです。

Javascript

<script type="text/javascript">
$(document).ready(function() {
$(".close").click(function() {
    $(".alert").hide();
});
});
</script>

HTML

<div class="alert alert-error"><button class="close">&times;</button>
Uh oh, you forgot your name! Dont worry we do it all the time...</div>

私が言ったように、PHPはコードを正常にレンダリングします。Javascriptは、フェードし始めてからスナップバックして再び表示されるときに明らかに機能します。Bootstrapの使用を開始したばかりなので、これが初心者の質問である場合はお詫びします...

前もって感謝します、

ジャック

4

1 に答える 1

0

ブートストラップのドキュメントには、この属性を使用するように記載されています。

data-dismiss="alert"

追加すると機能しますか？

于 2012-07-10T16:16:31.773 に答える