コンバートClick to page load jquery

Question

私はこのjqueryを持っています。ボタンをクリックするとロードされますが、ページがロードされたときに関数をロードします。

 $("[src*=plus]").live("click", function() { 
      $(this).closest("tr").after("<tr><td></td><td colspan = '999'>" + $(this).next().html() + "</td></tr>") 
      $(this).attr("src", "images/minus.png"); 
     }); 

$("[src*=minus]").live("click", function() { 
     $(this).attr("src", "images/plus.png"); 
     $(this).closest("tr").next().remove(); 
    }); 

私はこれを使って試してみたが、それは仕事をdoesntの：

$(document).ready(function() { 
     $(this).closest("tr").after("<tr><td></td><td colspan = '999'>" + $(this).next().html() + "</td></tr>") 
     $(this).attr("src", "images/minus.png"); 
    }); 

    $(document).ready(function() { 
     $(this).attr("src", "images/plus.png"); 
     $(this).closest("tr").next().remove(); 
    }); 

Answer 1

は、あなたが唯一の$（ドキュメント）.ready（）を使用し、内部のすべてを置くこの

$(document).ready(function() { 
    $("[src*=plus]").closest("tr").after("<tr><td></td><td colspan = '999'>" + 
    $("[src*=plus]").next().html() + "</td></tr>") 
    $("[src*=plus]").attr("src", "images/minus.png"); 
    $("[src*=plus]").attr("src", "images/plus.png"); 
    $("[src*=plus]").closest("tr").next().remove(); 
});