Question

好的，这就是问题：我有一个侧边栏，所有的朋友都在这里，他们的在线状态。如果您点击朋友，它们会显示在页脚旁，屏幕底部会显示一个聊天框。

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

Answer 1

好的我想道歉，因为这是一个非常愚蠢的错误...在第二个如果我添加按钮我忘了添加onclick ='closefcc（）'，只是一个笨蛋，mybad。

Onclick js功能消失了

1 个答案: