2013-06-11 294 views
0

好的,問題出在這裏:我有一個側邊欄,所有的朋友都在和他們的在線狀態。如果您點擊一位朋友,他們會出現在頁腳上,並在屏幕底部顯示一個聊天框。Onclick js功能消失

在聊天框的頂部有2個按鈕,裏面有圖像。一個最小化,另一個關閉按鈕。當最小化按鈕被點擊時,聊天框被刪除,但他們留在頁腳。如果點擊關閉按鈕,聊天框將被刪除,並將其從頁腳中刪除。

這一切工作正常,很正常,但是當我點擊最小化按鈕,<button onclick='minimize()'>...</button>和reclick朋友,關閉按鈕的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

歡迎來到StackOverflow!你可以發佈一些代碼來展示你的嘗試?這將使我們更容易幫助你:) – cfs

+3

錯誤肯定是行314,有一個缺少的括號。 – RelevantUsername

+0

你真的需要發佈更多的jQuery代碼。 – KyleK

回答

0

好吧,我想apoligize,因爲它是一個非常愚蠢的錯誤......第二,如果在那裏我將按鈕添加我忘了添加onclick ='closefcc()',只是一個愚蠢的,mybad。

+0

無後顧之憂,我們大多數人時常犯的愚蠢的錯誤。 –