在jquery中排序更改事件可排序

时间:2012-08-01 07:18:09

标签: javascript jquery

现在我正在使用jQuery库,我遇到了以下问题: 如果项目

,我有可排序的列表
    <html>
       <head>
         <script src="http://code.jquery.com/jquery-latest.js"></script>
         <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js>  </script>
         <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
       <script>
          $(document).ready(function(){
                jQuery(".block").sortable({
                axis: 'y'
             });
          });
      </script>

      </head>
      <body>
          <ul class="block" type="none">
               <li>1</li>
               <li>2</li>
               <li>3</li>
          </ul>
      </body>
  </html>

所以更改顺序,我怎样才能为这个事件做听众,我的意思是,是否有任何关于订单更改事件的监听器或类似的东西。

2 个答案:

答案 0 :(得分:6)

它就在文档中。使用changeupdate事件:

$(document).ready(function(){
    $(".block").sortable({
        axis: 'y',
        change: function(event, ui) { 
            console.log('change', event, ui); 
        },
        update: function(event, ui) {
            console.log('update', event, ui); 
        }
    });
});

也可以使用jQuery$,不要混用它们。

答案 1 :(得分:2)

是,

$( ".selector" ).bind( "sort", function(event, ui) {
    ...
});

直接来自documentation