如果dropzone更多并且具有正文滚动条,则ngDraggable不起作用

时间:2017-10-18 11:20:03

标签: javascript jquery angular drag-and-drop ngdraggable

根据此处的演示:http://htmlpreview.github.io/?https://github.com/fatlinesofcode/ngDraggable/blob/master/example.html

使用0.1.11版本目前无法拖放。

我的代码实现如下所示:

            <uib-accordion-group is-open="category.open"
                             name="category-{{category.name}}"
                             ng-drop="true"
                             ng-drop-success="vm.onCategoryDropComplete($index, $data)"
                             ng-repeat="category in vm.categories track by $index">
            <uib-accordion-heading>
                <span style="display: none;">{{catIndex = $index}}</span>
                <div class="main-heading" id="category-name-{{catIndex}}"
                     ng-click="vm.toggleOpen($event, false, category);">
                    <span class="drag-and-drop" ng-drag="true" ng-drag-data="category">{{category.categoryName}}</span>
                    <span class="text-muted pull-right glyphicon" id="accordion-123"
                          ng-click="vm.toggleOpen($event, true, category);"
                          ng-class="{'glyphicon-chevron-down': category.open,
                            'glyphicon-chevron-right': !category.open}" aria-hidden="true">
                    </span>
                </div>
            </uib-accordion-heading>
        </uib-accordion-group>

我看到在0.1.12版本中发生了一些变化,需要它的实现示例,而且由于版本0.1.12不可用,我无法下载其抛出错误。

enter image description here

请参考下图: http://htmlpreview.github.io/?https://github.com/fatlinesofcode/ngDraggable/blob/master/example.html

请在更多信息中找到plunkr链接:http://plnkr.co/edit/BmTkM96CeelEa2Uml5Vz?p=preview

无法从上面的掠夺者那里掉落Dropzones。

是否有任何其他快速解决方案可以克服它或者我错过了ngDraggable插件本身的可用性

1 个答案:

答案 0 :(得分:0)

我可以通过添加ng-drag-scroll verticalScroll="true"来解决您在可拖动元素

上的问题

这是更新的plunkr:http://plnkr.co/edit/IWym7S3T0NwtInQRLjzJ?p=preview