自定義函數上的textarea的jQuery加載事件

Question

嘗試在文本位於頁面加載的輸入中的情況下嘗試使用自定義函數，以便將文本與文本在輸入中創建「信息」類似文本的其餘部分分組。我試過，​​，.bind('load'),.ready()，我沒有得到任何東西。只是看看是否有可能解決這一路上的碰撞問題。

//removed some of the validation code for simplicity. 

/* 
to set a grey text infomation into a input field 
*/ 
$.fn.greyInfo = function (text) 
{ 

    //troubled code - start 
    $(this).load(function() 
    { 
     $(this).val(text); 
     $(this).css('color', 'grey'); 
    }); 
    //troubled code - end 

    $(this).blur(function() 
    { 
     if($(this).val() == "") 
     { 
      $(this).val(text); 
      $(this).css('color', 'grey'); 
     } 
    }); 

    $(this).focus(function() 
    { 
     if($(this).val() == text) 
     { 
      $(this).val(""); 
      $(this).css('color', 'black'); 
     } 
    }); 

} 

Answer 1

答案很簡單，你不需要調用該函數加載，因爲它已經存在。

$.fn.greyInfo = function(text) 
{ 

// you also don't need to reference $(this) as the jquery object is implied 
     this.val(text); 
     this.css('color', 'grey'); 


    $(this).blur(function() 
    { 
     if($(this).val() == "") 
     { 
      $(this).val(text); 
      $(this).css('color', 'grey'); 
     } 
    }); 

    $(this).focus(function() 
    { 
     if($(this).val() == text) 
     { 
      $(this).val(""); 
      $(this).css('color', 'black'); 
     } 
    }); 

};