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>

這些應該是您調用的唯一庫。