【问题标题】:nestable two column height issue可嵌套的两列高度问题
【发布时间】:2015-11-04 18:06:48
【问题描述】:

我已经为两列实现了嵌套,拖放

http://dbushell.github.io/Nestable/

现在的问题是,如果一列的高度很长,而第二列的高度很小,那么要拖动 n 下降,我可以通过从第一列中选​​择任何元素进行滚动,然后将其放到最后一个元素下的第二列,

那么有什么解决办法吗?

可以在这里查看演示http://dbushell.github.io/Nestable/

这里我试图将元素放在右侧栏的末尾,但是直到你把它放在右侧栏的最后一个元素下才会起作用

【问题讨论】:

  • 我想我得修改插件的代码,继续努力。
  • .dd-list .dd-list { padding-left: 0px; }

标签: jquery html css jquery-nestable


【解决方案1】:

我查看了插件源并想出了如何解决这个问题, 首先在列表底部添加一些填充

div.dd {
   padding-bottom: 200px;
}

在插件源代码中更改:

if (this.pointEl.hasClass(opt.handleClass)) {
    this.pointEl = this.pointEl.parent(opt.itemNodeName);
}

   if (this.pointEl.hasClass(opt.handleClass)) {
       this.pointEl = this.pointEl.parent(opt.itemNodeName);
  }else {
      var list = this.pointEl.find('> .'+ opt.listClass);
      if(list.length) this.pointEl = list.find('.'+ opt.itemClass +':last');
  }

【讨论】:

  • 仍然无法正常工作,如果对您有用,请您创建 jsfiddle
猜你喜欢
  • 1970-01-01
  • 2017-01-16
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2019-11-13
  • 1970-01-01
  • 2013-08-19
相关资源
最近更新 更多