jQuery-Resizable：div的调整大小事件未触发

Question

我有以下代码，该代码可以调整由splitter-div分隔的两个面板的大小（摘自Rick Strahl的出色示例 ）

我正在尝试触发调整大小事件，但不知何故未注册。 有什么想法我在这里想念的吗？ 谢谢了

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

CodePen

编辑：有点晚了，但我仍然没有弄清楚为什么该事件没有触发。 但是，到目前为止，我通过“拖动”事件找到了一个解决方案，该事件在另一个Stack Overflow帖子中找到，也许对某人有所帮助:)

var isDragging = false;
$(".splitter")
.mousedown(function() {
    isDragging = true;
})
.mousemove(function() {
  if (isDragging) {
     console.log('hello')
  } 
 })
.mouseup(function() {
    isDragging = false;
})

Answer 1

因此，我发现，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>

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