查看: 6003|回复: 12

tabs的moveTab问题 [复制链接]

pvfhv

注册会员

Rank: 2

电梯直达

楼主

发表于 2013-9-24 14:27:50 |只看该作者 |倒序浏览

moveTab的问题，不能移动tab项到指定的位置！！

<div id="tabs1" class="mini-tabs" style="width:500px; height:300px;" tabPosition="top" showBody="true"></div>

<input type="button" value="增加一个tab" id="btn2" />
<input type="button" value="移动tab" id="btn5" />

<script type="text/javascript">
      mini.parse();

      var tabs = mini.get('tabs1');
      tabs.setTabs([
         { title: '选项一', iconCls: 'icon-add' },
         { title: '选项二', iconCls: 'icon-edit' },
         { title: '选项三', iconCls: 'icon-remove' }
      ]);

      $('#btn2').click(function () {
         var obj = { title: '选项四', iconCls: 'icon-cancel', name: 'random' };
         tabs.addTab(obj,1);
      });

      $('#btn5').click(function () {
         //tabs.moveTab('random', 0);
         //tabs.moveTab('random', 1); //保留在原位置

         //tabs.moveTab('random', 2); //不起作用！！！！
         tabs.moveTab('random', 3); //移动到倒数第2位，而不是末尾！！
      });

</script>

收藏0

factory

超级版主

Rank: 8 Rank: 8

沙发

发表于 2013-9-24 14:32:51 |只看该作者

'random' 是什么东西?

moveTab ( tab, index ) 参数是tab,不是tabName
你这样写,当然不没效果了

var tab = tabs.getTab ( index/name )

tabs.moveTab ( tab, index )

pvfhv

注册会员

Rank: 2

板凳

发表于 2013-9-24 14:38:03 |只看该作者

本帖最后由 pvfhv 于 2013-9-24 14:45 编辑

factory 发表于 2013-9-24 14:32
'random' 是什么东西?

moveTab ( tab, index ) 参数是tab,不是tabName

random是选项四的name属性，请你仔细看一下问题……
$('#btn5').click(function () {
         var tab = tabs.getTab('random');
         tabs.moveTab(tab, 2); //不起作用！！！！
         tabs.moveTab(tab, 3); //移动到倒数第2位，而不是末尾！！

}