使用Jquery Ajax顯示手風琴

我有一張桌子上充滿了數據，點擊任何記錄。調用jquery ajax函數，獲取該記錄的詳細信息，並將其顯示在與記錄關聯的div中。使用Jquery Ajax顯示手風琴

現在我想用手風琴來展示它。

大多數時間一個jQuery的手風琴是這樣的

$(document).ready(function() { 
    $('#accordion').accordion(); 
});

但在這裏，我想，我的div被填充先用數據，那麼手風琴方法被調用。因爲如果首先調用accordion（），那麼由於數據請求仍在處理中，所以沒有什麼東西可以顯示手風琴。

我的jQuery AJAX方法是這樣的

$(function() { 
     $("span.Consignment").click(function() { 
      var position = 'div#' + this.innerHTML; 
      var url = "/Tracking/TrackingConsignment?consno=" + this.innerHTML; 
      $(position).load(url, function() { 
       $("a.Consignment").accordion(); 
       return false; 
      }); 

     }); 
    });

這是我的代碼

 @foreach (var lst in item.Item2) 
     { 
      <a href="#" class="Consignment"> 
       <table class="gridtable"> 
        <a href="#"> 
         <tr> 
          <td>         
           <span class="Consignment" href="#">@lst.ConsignmentNo</span> 
          </td> 
          <td>@lst.ConsignmentDate 
          </td> 
         </tr> 
        </a> 
       </table> 
      </a> 

      <div id="@lst.ConsignmentNo"> 
      </div> 
     }

我應該如何使其發揮作用。首先數據然後是手風琴。

來源

2012-07-20 manav inder

在.load成功設置手風琴。

.load(url,function(){ 
    $("#accordion").accordion(); 
})

來源

2012-07-20 17:45:11

這不是炒鍋。我用完整的代碼更新了我的問題。請引導我，我失去了一些東西。 – 2012-07-20 18:43:35

ID必須是唯一的。將其改爲類名並使用'$（「。accordion」）...' – 2012-07-20 18:56:25

我不明白你的意思。請您詳細說明一下並給我一些代碼。這將是一個很大的幫助。 – 2012-07-20 19:00:57

使用Jquery Ajax顯示手風琴

回答

相關問題