<分区>
Possible Duplicate:
Jquery Draggable + Bring to Front
我有一个网站，用户可以在其中打开多个聊天窗口。
我需要将最新的窗口放在最前面，我正在使用以下内容
var chatZIndex = 100;
$(document).on('mousedown','div.chatMessenger', function() {
$(this).css('z-index', chatZIndex++);
});
这工作正常，但我发现了一个错误。如果打开了 6 个聊天框('div.chatMessenger' 的 6 个实例)，则变量 chatZIndex 每次递增 6。 4 打开然后递增 4 等等。
有没有一种方法可以使用相同的设置，但无论打开了多少个“div.chatMessenger”实例，变量一次只递增 1？
谢谢
这是设置它们的当前代码
var memberID = 1000000000; // This is the Member ID - REPLACE
var chatMsgTop = 45; // Initial Chat Open Location Top
var chatMsgLeft = 45; // Initial Chat Open Location Left
var chatZIndex = 100; // Starting Number for Chat Messenger z-index Value
// Chat Messenger - Open a New Chat Messager IM Box
$(document).on('click','div#chatFriendsContainer table tr', function() {
memberID++; // This is the Member ID - REPLACE
// Increment Initial Chat Messaging Location on Windows - Avoid Overlap
chatMsgTop += 10;
chatMsgLeft += 10;
var timeStamp = Math.round((new Date()).getTime() / 1000); // Timestamp
$('div#chatWrapper').append('<div id="'+memberID+'" class="chatMessenger" data-timestamp="'+timeStamp+'"></div>'); // Create new Chat IM Container
$('div#chatMessengerTemplate div.chatMessengerContainer').clone().appendTo('div#'+memberID); // Clone Template
$('div#'+memberID).css({left : chatMsgLeft+'px', top : chatMsgTop+'px'}); // Update IM Location
// JQUERY UI Draggable - Initialize
$('div#'+memberID).draggable({
containment: $('div#chatWrapper')
});
// JQUERY UI Draggable - Update Z-Index
$(document).on('mousedown','div.chatMessenger', function() {
//$('div.chatMessenger').not(this).css('z-index', '100');
//alert('here now...');
if($('div.chatMessenger', this)) {
$(this).css('z-index', chatZIndex++);
}
});