2009-04-22 15 views
1

JQueryを初めて使うので、毎日勉強しています。私が気づいJQuery再利用可能な関数

ことの一つは、それがどのように簡単です、あなただけの

$('div#test).remove(); 

を書くことができますしかし、私はいくつかのコードを再利用する方法の例を探しています、例えば:

function RemoveTableRow(row, id) 
{ 
    $(row).remove(); 
    // id should be used for ajax call 
} 

そして、アンカータグに「onclick」を追加してください

しかし、どういうわけか、私がdocument.readyに追加しても機能しません関数。誰かが私のためにそれをカットすることができます、これを行うためのベストプラクティス方法?

ありがとうございます。このフォーラムはキラーです!

更新

私は私がここに来たヘルプからコードを更新しました。これは私の現在のコードであり、これを実行する最良の方法かどうかを知りたいと思います。

function RemoveTableRow(row, id) { 
      $.ajax({ 
      type: "POST", 
      url: "Default.aspx/DeleteEmployee", 
      data: "{'ID':'" + id + "'}", 
      beforeSend: function() { 
        $("#" + row).animate({'backgroundColor':'#fb6c6c'},300); 
      }, 
      success: function() { 
       $("#" + row).slideUp(300,function() { 
        $("#" + row).remove(); 
       }); 
      } 
     }); 
    } 
+0

JavaScriptエラーが発生していますか? – harto

+0

編集中のコードはうまく見え、それを実行する最善の方法のように見えます。私はそれを変更しません。 –

答えて

1

は、テーブル行のIDですか?はい、あなたは、セレクタ

function RemoveTableRow(row, id) { 
    $('#'+row).remove(); 
    // id should be used for ajax call 
} 

や機能を変更せずに#が欠落しているよりも、完全なセレクタあなたにonclickのをバインドしたいです

onclick="RemoveTableRow('#user-row-1', 32);" 
+0

もちろん!これは動作します!これはこれを行う最善の方法ですか?それとも他のことをお勧めしますか? –

+0

これは悪いことではありませんが、jQueryの能力をさらに活用することができます。すべての行に削除ボタンがある場合(例:​​

+0

それは素晴らしいです。しかし、私はクリックでいくつかのパラメータを渡す必要がありますか? –

0

でそれを呼び出す場合は? IDがmyidのDOM要素であると仮定すると、次のようになります。

("#myid").click(function() {RemoveTableRow('user-row-1', 32);}); 
+0

私はそれぞれの最後に、出力が動的コードからの削除ボタンを持ついくつかのテーブル行を持っているので、ハードコードされたIDをクリックします。 –

関連する問題