javascript - TwitterBootstrapアラートメッセージは閉じるボタンを押さずに閉じます

Question

警告メッセージに問題があります。特定のアクションが実行された後、アラートメッセージをユーザーへの警告として使用したいと思います。私が直面している問題は、ユーザーがメッセージを閉じなくても、メッセージが表示されてから自動的に閉じることです。

<div class="row-fluid">
<div class="alert span10 offset1" style="display: none" id="changeStatusMsg"> 
    <a class="close" onclick="$('.alert').hide()" href="#">×</a>  
        <strong>Status has been changed.</strong>  
</div>

jqueryを使用してメッセージを表示しています-$（'＃changeStatusMsg'）。show（）; ここで説明した解決策を使用し ましたが、私の場合は役に立ちません。

function changeStatus(status, widgetExternalId){
    $.ajax({
        url : 'Controller',
        data : { 'widget' : widgetExternalId, 
                 'method' : (status == 'I' ? "activate" : "inactivate")
               },
        success : function(data) {
                window.location = "myaccount.jsp";
                $('#changeStatusMsg').show();
            } 
        }
    });
}

Answer 1

それはおそらくあなたがそれを開いているアクションを呼んでいないという事実に関係しています。そのため、ページが更新されます。

インラインで実行している場合：

onclick="$('#changeStatusMsg').show();return false;"

クリックイベントの場合

$(".foobar").on("click",function (event) {
    event.preventDefault();
    $("#changeStatusMsg').show();
});