远程/间接拖动元素（Split.js）？

Question

我正在尝试通过与其他元素的交互来远程拖动Split.js装订线元素。

基本上，我想通过单击，按住然后在（网站的）其他区域中移动鼠标来拖动装订线（从而调整被装订线分割的元素的大小）。该解决方案可以取决于jQuery。

这是一个简单的设置：https://jsfiddle.net/johschmoll/souehntv/29/

我只是想远程触发mousedown事件：

var gutter = $(".gutter");
var controller = $("#drag-controller");

gutter.mousedown(function() {
    $(this).addClass("active");
});
gutter.mouseup(function() {
    $(this).removeClass("active");
});

controller.mousedown(function() {
   gutter.trigger("mousedown");
});
controller.mouseup(function() {
   gutter.trigger("mouseup");
});

我不确定如何继续。我试图远程触发装订线的mousemove-event或mousedown和mousemove的组合，但没有骰子：

controller.mousemove(function() {
   gutter.trigger("mousemove");
});

controller.mousemove(function() {
   gutter.trigger("mousedown").trigger("mousemove");
});

任何人都可以建议是否以及如何做吗？