Question

除问题here之外，我意识到使用li对我来说效果不佳＆amp;因此，进一步研究和按照示例here，我已经实施了可拖动div的自定义版本。
在example（引用上述问题的答案中），移动图表的滚动条不会移动图表。但是，通过根据（link）制作包含可拖动图表的div来实现图表，尝试滚动滚动条会移动div＆amp;用图表来表示。

在（link）中，我已经注释掉了可排序函数中的代码，因为我不需要它，这使得它看起来如下所示

$(function () {
    $(".grid").sortable({
        /*tolerance: 'pointer',
        revert: 'invalid',
        placeholder: 'span2 well placeholder tile',
        forceHelperSize: true*/
    });
});

另外，为了使图表在滚动时不移动，我尝试添加以下代码

$(function () {
    $(".grid").sortable({
        /*tolerance: 'pointer',
        revert: 'invalid',
        placeholder: 'span2 well placeholder tile',
        forceHelperSize: true*/
        cancel: ".amcharts-main-div"
    });
});
 $(". grid" ).disableSelection();

然而，添加“取消”＆amp; disableSelection（）使图表不可移动。

这是一个棘手的情况。我是否可以请求一些指导这两个功能，即使div可拖动＆amp;同样，当图表的滚动条移动时，图表不应该移动吗？

Answer 1

这很简单。您唯一要做的就是用library-javadoc.jar替换<li>代码。

为了让它正常运行，您需要将css选择器divs修改为#sortable li，因此它只适用于第一级子#sortable > div，因此不会弄乱divs 1}}内部div。

继承修改后的demo。

Amcharts - 当滚动图表滚动条时，可排序的div移动

1 个答案: