的Facebook風格的評論欄

我想創建一個類似Facebook的，那裏的文本面積擴大和被點擊時文本區域並在文本區域失去焦點的評論按鈕被隱藏和註釋按鈕變爲可見一個評論框文本區域縮小到較小的高度。下面的JS工作正常，但問題是，當我點擊「comment_submit」按鈕，它不提交的，而整個事情就被隱藏。的Facebook風格的評論欄

如何不讓「模糊」事件火，如果它的點擊提交按鈕？但讓它開火否則？

$("#comment_body").focus(function() { 
     $("#comment_tools").show(); 
     $("#comment_body").css("height", "100px") 
     }).blur(function() { 
     $("#comment_tools").hide(); 
     $("#comment_body").css("height", "25px") 
     });

UPDATE

以及這將導致評論布敦出現，然後dissappear。我猜在textarea上點擊也被認爲是點擊文檔？不管怎樣，最終的結果是，當文本區域被點擊什麼也不顯示，但是當它通過Tab鍵進入它獲得焦點，評論按鈕的功能顯示出來。

如何排除來自document.click事件文本區域？還是有更好的方法來做到這一點？

$("#comment_body").focus(function() { 
     $("#comment_tools").show(); 
     $("#comment_body").css("height", "100px") 
     }); 
     $(document).click(function() { 
     $("#comment_tools").hide(); 
     $("#comment_body").css("height", "25px") 
     });

來源

2010-10-13 badnaam

嘗試綁定到document.click事件而不是模糊。 Facebook不會模糊處理，因爲您可以選擇共享按鈕。只有

它當你的空白單擊註釋區域崩潰。

來源

2010-10-13 04:49:56

的Facebook風格的評論欄

回答

相關問題