2010-12-01 15 views
2

:私は以下のjQueryを持ってjQueryのは、私は次の静的なHTML持って生活し、ソート可能

<ul id="mylist"> 
    <li id="li_10"><a href="10">Item 10</a></li> 
    <li id="li_20"><a href="20">Item 20</a></li> 
    <li id="li_30"><a href="30">Item 30</a></li> 
    <li id="li_40"><a href="40">Item 40</a></li> 
    <li id="li_50"><a href="50">Item 50</a></li> 
</ul> 

を:

<script> 
    $(document).ready(function() { 
     $("#mylist").sortable(
      {axis:"y"} 
     ); 
    }); 
</script> 

これは完璧に動作しますが、できるだけ早く私はjQueryの/ AJAXを使用して動作を停止上記のHTMLを生成します。だから私はソート可能なセクションを行うためにjQueryで "ライブ"関数を使用する必要があると仮定しています。誰かがこれを実装するのを手助けできますか?

答えて

6

.live()はイベントベースなので、このようなプラグインには使用できません。

$.ajax({ 
//options... 
    success: function(data) { 
    //create UL 
    $("#mylist").sortable({axis:"y"}); 
    } 
}); 

同じことは、たとえば、$.ajax()の短い形式のために行く:

$("#mylist").load("pageThatGivesTheLIElementGoodness.htm", function() { 
    $(this).sortable({axis:"y"}); 
}) 
+0

おかげで、完璧に働いた何は簡単を行うことができますことは例えば、あなたのAJAX呼び出しが終了すると、ときにコードを呼び出すです! – oshirowanen

関連する問題