好的,问题来了:我有一个侧边栏,所有朋友都在其中以及他们的在线状态。如果您单击一个朋友,他们会出现在页脚处,并且屏幕底部会出现一个聊天框。
在聊天框的顶部有 2 个按钮,里面有图像。一个是最小化,另一个是关闭按钮。单击最小化按钮时,聊天框将被删除,但它们仍保留在页脚中。如果单击关闭按钮,则聊天框将被删除,并且它们将从页脚中删除。
这一切都很好,但是当我单击最小化按钮<button onclick='minimize()'>...</button>
并重新单击朋友时,关闭按钮onclick
是空的并且不起作用......我也尝试使用 jQuery 的.click
功能,但它没有做任何事情。好吧,我有另一台电脑......这是我的 jquery 代码:
function minimizefcc(){
var current_friend = $("#fcc_container header span").text(); //get current chat window username
$("li.fcc_li"+current_friend+"_username").attr('data-activeconnection', 'false');
$("li.friend_li."+current_friend+"_username").attr('data-activeconnection', 'false');
$("#fcc_container").remove();//get rid of chat box(fcc_container = friend chat container)
}
function closefcc(){
var current_friend = $("#fcc_container header span").text(); //get current chat window username
$("li.fcc_li"+current_friend+"_username").attr('data-activeconnection', 'false');
$("li.friend_li."+current_friend+"_username").attr('data-activeconnection', 'false');
$("#fcc_container").remove();//get rid of chat box(fcc_container = friend chat container)
$("li.fcc_li."+current_friend+"_username").remove();
$("li.friend_li."+current_friend+"_username").attr('data-fcopen', 'false');
}
//heres the main code
$(document).ready(function(){
var friendli = $("li.friend_li");
var footer = $("#footer");
var fccli = $(".fcc_li");
friendli.click(function(){
var username = $(this).attr("data-fcusername");
var open = $(this).attr('data-fcopen');
var active = $(this).attr('data-activeconnection');
if(open === 'false' && active === 'false'){
//friend isn't in footer and isn't in chat box
$(this).attr('data-fcopen', 'true');
$(this).attr('data-activeconnection', 'true');
$("#footer #fcc_ul").append("<li class='fcc_li "+username+"_username' data- activeconnection='true' data-fcopen='true' data-fcusername='"+username+"'>"+username+"<img src='you dont need the source' title='status' class='status_img "+username+"_status'/></div>");
minimizefcc();
$("body").append("<div id='fcc_container'><header id='fcc_header'><span>"+username+"</span>"+
"<button id='fcc_minimizeButton' onclick='minimizefcc()'><img src='you dont need source...' title='minimize'/></button>"+
"<section id='fcc_messageContainer'></section><textarea id='fcc_input'></textarea></div>");
}
if(open === 'true'&& active === 'false'){
//friend is in footer but not in chatbox
$(this).attr('data-activeconnection', 'true')
minimizefcc();
$("body").append("<div id='fcc_container'><header id='fcc_header'>" +
"<button id='fcc_minimizeButton' onclick='minimizefcc()'><img src='you dont need source...' title='minimize'/></button>"+
"<section id='fcc_messageContainer'></section><textarea id='fcc_input'></textarea></div>"):
$("li.fcc_li."+username+"_username").attr('data-activeconnection', true');
});
});