1

Twitter Bootstrap の「アラート」機能を使用して、次のようにユーザー通知を表示しています。

<div class="notification alert alert-info">
 <button type="button" class="close" data-dismiss="alert">&times;</button>
 My message goes here
</div>

これらの通知は、ユーザーが閉じるまで持続するため、ユーザーが「閉じる」ボタンをクリックすると、通知を永久に閉じる必要があることを示す ajax クエリをサーバーに送信したいと考えています。

私はjQueryのon()関数を次のように使用しています:

$(document).on('click', '.notification .close', function (e) {
    alert('hi!');
    console.log(e);
    e.preventDefault();
});

これはうまくいきますが、これを行う「ブートストラップ」方法があるかどうか疑問に思っていますか?

4

2 に答える 2

2

alerts に関する Bootstrap ドキュメントによると、 Bootstrapのカスタムである、closed または close イベントにバインドします。

$(document).on('close', '.alert', function  () 
{
    var id = $(this).data('some_id'); 
    $.get('closed.php?id='+id);
});

API を介して公開される 2 つのイベントがあります。

  1. close - すぐに起動されます
  2. closed - すべてのアニメーションが完了した後に発生します。私は閉じることを選択します-この方法ではすぐにそれを行い、アニメーションが完了する前に移動/閉じると、非表示のままになります.

データ属性は、サーバー側スクリプトがアラートを区別できるようにするためのものです。マークアップは次のようになります。

<div class="alert" data-some_id='foobar'>
    Close me!
</div>
于 2013-07-08T03:05:14.390 に答える