Javascript jQuery resizeable:未触发div的Resize事件

我有以下代码，它可以调整由拆分器div分隔的两个面板的大小 （摘自里克·斯特拉尔）

我试图触发一个调整大小的事件，但不知怎么的，它没有被注册。你知道我遗漏了什么吗？已经谢谢你了

   $(".flex-item-top").resizable({
      handleSelector: ".splitter",
      resizeWidth: false,
      resize: function(event, ui) {
        console.log("Let's get schwifty!")
      }
    })

编辑：有点晚了，但我仍然没有弄明白为什么活动没有启动。 然而，现在我通过一个“拖动”事件找到了一个解决方案，我在另一篇堆栈溢出文章中找到了这个解决方案，也许它对某人有帮助：）

---

因此，我发现jQuery UI和调用的resizeable.js库之间存在某种冲突。当您省略jQuery UI库时，将得到拆分器移动

   <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
   <script type="text/javascript" src="https://rawgit.com/RickStrahl/jquery-resizable/master/src/jquery-resizable.js"></script>

这些应该是您调用的唯一库

   <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
   <script type="text/javascript" src="https://rawgit.com/RickStrahl/jquery-resizable/master/src/jquery-resizable.js"></script>