我想在Jupyternotebook中制作一些交互式绘图，其中绘图中的某些点可以由用户拖动。然后应将这些点的位置用作更新绘图的Python函数(在笔记本中)的输入。这里已经完成了这样的事情:http://nbviewer.ipython.org/github/maojrs/ipynotebooks/blob/master/interactive_test.ipynb但回调是针对Javascript函数的。在某些情况下，更新情节的代码需要非常复杂，并且需要很长时间才能用Javascript重写。如有必要，我愿意在Javascript中指定可拖动点，但是否可以回调Python来更新绘图？我
我想在Jupyternotebook中制作一些交互式绘图，其中绘图中的某些点可以由用户拖动。然后应将这些点的位置用作更新绘图的Python函数(在笔记本中)的输入。这里已经完成了这样的事情:http://nbviewer.ipython.org/github/maojrs/ipynotebooks/blob/master/interactive_test.ipynb但回调是针对Javascript函数的。在某些情况下，更新情节的代码需要非常复杂，并且需要很长时间才能用Javascript重写。如有必要，我愿意在Javascript中指定可拖动点，但是否可以回调Python来更新绘图？我
滚动条内的可拖动元素很少(mcustomscrollbar)。如果我尝试将此元素拖动到滚动条可见区域下方的可放置区域，则滚动条不会自动向下移动。请建议如何实现这一目标。 最佳答案 在我的例子中，我使用mCustomScrollbar和jquery-sortable(https://johnny.github.io/jquery-sortable/)-我需要一种方法来移动滚动条内容，同时拖动可排序元素以获取隐藏在下方的内容。我使用jquery-sortable的onDrag事件使用mCustomScrollbarscrollTo方法移
滚动条内的可拖动元素很少(mcustomscrollbar)。如果我尝试将此元素拖动到滚动条可见区域下方的可放置区域，则滚动条不会自动向下移动。请建议如何实现这一目标。 最佳答案 在我的例子中，我使用mCustomScrollbar和jquery-sortable(https://johnny.github.io/jquery-sortable/)-我需要一种方法来移动滚动条内容，同时拖动可排序元素以获取隐藏在下方的内容。我使用jquery-sortable的onDrag事件使用mCustomScrollbarscrollTo方法移
我想在一个div中放置一个大图像，让用户使用鼠标滚动图像(单击并拖动到所需的方向)。怎样才能达到这样的效果？CSS:#image{position:relative;margin:0auto;width:600px;height:400px;top:300px;background:url("http://www.treasurebeachhotel.com/images/property_assets/treasure/page-bg.jpg")no-repeat;}HTML:编辑:我想自己实现它以获取知识，第3方框架是最后的选择。 最佳答案
我想在一个div中放置一个大图像，让用户使用鼠标滚动图像(单击并拖动到所需的方向)。怎样才能达到这样的效果？CSS:#image{position:relative;margin:0auto;width:600px;height:400px;top:300px;background:url("http://www.treasurebeachhotel.com/images/property_assets/treasure/page-bg.jpg")no-repeat;}HTML:编辑:我想自己实现它以获取知识，第3方框架是最后的选择。 最佳答案
在mousedown处，我想在DOM中注入(inject)一个新元素并立即开始拖动它(即触发dragstart)，而无需再次单击新元素。我在我的项目中经常使用d3.js。但是我不知道我是否可以使用d3触发dragstart事件，所以我尝试使用jQuery:$("circle#pen").trigger("dragstart");但这行不通。这里是一个链接jsFiddle，我通过尝试在mousedown处创建一个“笔”来演示我的问题，如果用户拖动笔，它会画一条线。在dragend处，画笔被移除，线条逐渐消失。但是pen要先初始化，然后再点击就可以拖动了。这只是为了演示问题。这是一个rel
在mousedown处，我想在DOM中注入(inject)一个新元素并立即开始拖动它(即触发dragstart)，而无需再次单击新元素。我在我的项目中经常使用d3.js。但是我不知道我是否可以使用d3触发dragstart事件，所以我尝试使用jQuery:$("circle#pen").trigger("dragstart");但这行不通。这里是一个链接jsFiddle，我通过尝试在mousedown处创建一个“笔”来演示我的问题，如果用户拖动笔，它会画一条线。在dragend处，画笔被移除，线条逐渐消失。但是pen要先初始化，然后再点击就可以拖动了。这只是为了演示问题。这是一个rel
为了练习，我复制了一份JSbin，JSbinlinkhere,实地linkhere.这只是制作网站前端的练习，因为我一周前才开始学习网络开发。您可以在编辑框中输入html、css和javascript，然后在Output中吐出一个页面，就像实际的JSbin一样。但问题是您可以通过其他div调整div的大小。我想防止这种情况发生的想法是:1.获取编辑框的当前位置2.如果调整大小为10%窗口宽度，则存储编辑框的左/右位置3.设置可拖动div的左右最小/最大问题由此而来。如何设置可拖动对象的最大左/右值。此外，关于为什么Outputdiv之前的draggable难以拖动到右侧的任何想法。编辑
为了练习，我复制了一份JSbin，JSbinlinkhere,实地linkhere.这只是制作网站前端的练习，因为我一周前才开始学习网络开发。您可以在编辑框中输入html、css和javascript，然后在Output中吐出一个页面，就像实际的JSbin一样。但问题是您可以通过其他div调整div的大小。我想防止这种情况发生的想法是:1.获取编辑框的当前位置2.如果调整大小为10%窗口宽度，则存储编辑框的左/右位置3.设置可拖动div的左右最小/最大问题由此而来。如何设置可拖动对象的最大左/右值。此外，关于为什么Outputdiv之前的draggable难以拖动到右侧的任何想法。编辑
