0

好的,问题来了:我有一个侧边栏,所有朋友都在其中以及他们的在线状态。如果您单击一个朋友,他们会出现在页脚处,并且屏幕底部会出现一个聊天框。

在聊天框的顶部有 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');
   });
});
4

1 回答 1

0

好的,我想道歉,因为这是一个非常愚蠢的错误...在第二个中,如果我添加按钮的地方我忘了添加 onclick='closefcc()',只是个笨蛋,我的坏。

于 2013-06-12T18:21:49.173 回答