Bootstrap模块dropdown实现下拉框响应的事件

//监听消息li标签关闭dropdown事件
//用户所有消息已读状态处理
$('#msg_dropdown').on('hidden.bs.dropdown', function() {
    console.log("触发了dropdown关闭事件!");
    $.ajax({
        url: '/plat/message/allStatus',
        type: 'POST',
        success: function (data) {
            $(".msg_count").append(0);//设置消息总数为0
            console.log("全部消息已读处理成功!");
        },
        error: function () {
            failTip("");
        }
    });
});

ps:反之

$('#msg_dropdown').on('show.bs.dropdown', function() {

      console.log("触发了dropdown打开事件!");

});

你可能感兴趣的:(前端bootstrap)