gpt4 book ai didi

jquery + zindex 递增

转载 作者:行者123 更新时间:2023-11-28 02:03:45 30 4
gpt4 key购买 nike

<分区>

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++);
}


});

30 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com