Jquery UI Accordion 获取可排序 ID

Question

这基本上与 jquery 上看到的一样。

这是该版本的 fiddle :http://jsfiddle.net/DHCaA/

我想做的事情很简单。例如(使用那个 fiddle )如果我将第 1 部分移到第 2 部分下面，我怎样才能获得交换位置的部分的 ID。我需要这些 ID，以便我可以对模型进行一些计算和更改。

Accordion 中的每个元素都是动态创建的，我可以创建任何我想要的元素。例如:

<div id ="first-1" class="group">

这是第一个带有 ID 的条目。

有什么想法吗？

Answer 1

您可以存储元素的原始索引(例如通过data())，并在排序后比较存储的索引和当前索引(当它们不相等时，位置已更改)。之后更新存储的索引。

$( "#accordion" )
      .accordion({
        header: "> div > h3",
        collapsible: true
      })
      .sortable({
        axis: "y",
        handle: "h3",
        stop: function( event, ui ) {
        var items=[];
        ui.item.siblings().andSelf().each(function(){
            //compare data('index') and the real index
            if($(this).data('index')!=$(this).index()){
              items.push(this.id);
            }
          });
          // IE doesn't register the blur when sorting
          // so trigger focusout handlers to remove .ui-state-focus
          ui.item.children( "h3" ).triggerHandler( "focusout" );
          if(items.length)alert(items.join(','));
          ui.item.parent().trigger('stop');
        }
      }).on('stop',function(){
        $(this).children().each(function(i){$(this).data('index',i)});
      }).trigger('stop');

http://jsfiddle.net/DHCaA/2/