jQuery   发布时间:2022-03-30  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了jquery中的可排序选项卡可排序大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
在此示例 http://jqueryui.com/sortable/#connect-lists-through-tabs中,它通过选项卡连接了列表.我怎样才能有可排序的标签

解决方法

这可能就像在 JSFiddle的这个例子中一样

$(function() {
    var tabs = $( "#tabs" ).tabs();
    tabs.find( ".ui-tabs-nav" ).sortable({
      axis: "x",stop: function() {
        tabs.tabs( "refresh" );
      }
    });
  });  
    $(function() {
    $( "#sortable1,#sortable2" ).sortable().disableSELEction();

    var $tabs = $( "#tabs" ).tabs();

    var $tab_items = $( "ul:first li",$tabs ).droppable({
      accept: ".connectedSortable li",hoverClass: "ui-state-hover",drop: function( event,ui ) {
        var $item = $( this );
        var $list = $( $item.find( "a" ).attr( "href" ) )
          .find( ".connectedSortable" );

        ui.draggable.hide( "slow",function() {
          $tabs.tabs( "option","active",$tab_items.index( $item ) );
          $( this ).appendTo( $list ).show( "slow" );
        });
      }
    });
  });

大佬总结

以上是大佬教程为你收集整理的jquery中的可排序选项卡可排序全部内容,希望文章能够帮你解决jquery中的可排序选项卡可排序所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。