jqueryのダイアログ：.hideを実行する（）メインフォームには

Question

動作しません。これは、ダイアログのための私のコードです：

   "Save": function() { 
        $.validator.unobtrusive.parse("#EventManage"); 

        if ($("#EventManage").valid()) { 

         $.ajax({ 
          url: "/Home/EventSave", 
          type: 'POST', 
          data: $("#EventManage").serialize(), 
          success: function (result) { 
           //alert("s"); 
           $("#EventManage").html(result); 
           $.validator.unobtrusive.parse("#EventManage"); 
           LoadEventList(); 
           alert('x'); 
           $('td.hide').hide(); <<<<< 
           alert('x'); 
           $('#eventlistww').each(function() { 
            var $table = $(this); 
            $('tr', $table).each(function() { 
             var $row = $(this); 
             $('td', $row).each(function() { 
              $('td.hide').hide(); 
             }); 
            }); 
           }); 

          } 
         }); 
        } 
       }, 

私は$（「td.hide」）を取得しようとしています。隠す（）; < < < < <がメインページで動作します。それがうまくいかない理由はわかりませんが、その2番目のアラート（ 'x'）を設定すると動作するように見えます。その後、それが実行されます。その警告がなければ、動作しません。

何が問題になりましたか？

EDIT

@ChrisFrancis妙いや、私は第二の部分をコメントアウトし、再びそのアラート魔法を行います。できます。警告なしでは、動作しません。

EDIT2

（、LoadEventListを追加する）次のようになります。

function LoadEventList() { 
     $("#eventlistww").load("/Home/EventDataList"); 
    } 

は私の答えを得るために見えた：

私はそれがで作業してしまっているように見えました代わりにLoadEventList（）を変更します。

function LoadEventList() { 
     $.get('/Home/EventDataList', function (result) { 
      $('#eventlistww').html(result); 
      $('td.hide').hide(); 
     }); 
    } 

これはなぜ機能するのですか。ただし、.loadメソッドはそれほど役に立ちません。

Answer 1

作業ここhttp://jsfiddle.net/DVxSy/72/なしテーブルタグ
、それは競合状態である可能性があります。文書準備完了イベントは、これらの問題を回避するように設計されており、jQuery makes this very simpleです。単に内部のあなたの例のコードのすべてのラップ：

$(document).ready(function() { 
    /* your code here... */ 
}); 

やドキュメントに述べたように、他の構文上のバリエーションのいずれかを使用する - 私が好む：

$(function() { 
    /* your code here... */ 
}); 

Answer 2

あなたのコードはちょっと複雑すぎるようです。 （？あなたはとにかくループ内のすべてのtd.hideを呼び出すので、何もしていないようです）

は、あなたがあなたの代わりに反復処理の各レベルのネストされたCSS-セレクタを使用することができます知っていました

変更：

$('#eventlistww').each(function() { 
            var $table = $(this); 
            $('tr', $table).each(function() { 
             var $row = $(this); 
             $('td', $row).each(function() { 
              $('td.hide').hide(); 
             }); 
            }); 
           }); 

$('#eventlistww tr td.hide').hide(); 

し、一致する要素が実際にそこにあることを確認します。簡単な方法は、Firebugなどを使用することです。

Answer 3

ドキュメントの準備ができていて、あなたのコマンドが正しく動作しない場合は、テーブルマークアップもチェックしてください。

壊れた例私のコメントで述べたように、ここでhttp://jsfiddle.net/DVxSy/71/