JavaScript邮箱系统开发（五）

一、顶部点击一个tab页

$('#B_history').on('click focus','li',function(e) {
    e.preventDefault();
    e.stopPropagation();
    var data_id = $(this).data('id');
    $(this).addClass('current').siblings('li').removeClass('current');
    $('#iframe_'+ data_id).show().siblings('iframe').hide();   //隐藏其它iframe
});

二、顶部关闭一个tab页

$('#B_history').on('click','a.del',function(e) {
    e.stopPropagation();
    e.preventDefault();
    var li = $(this).parent().parent(),prev_li = li.prev('li'),data_id = li.attr('data-id');
	li.hide(60,function() {
	   $(this).remove();                   //移除选项卡
	   $('#iframe_'+ data_id).remove();    //移除iframe页面
	   var current_li = $('#B_history li.current');
	   //找到关闭后当前应该显示的选项卡
	   current_li = current_li.length ? current_li : prev_li;
	   current_li.addClass('current');
	   cur_data_id = current_li.attr('data-id');
	   $('#iframe_'+ cur_data_id).show();
	});
});