如何使Jquery UI可拖动启用事件传播？

Question

我想在拖动停止时进行可拖动的传播事件。 下一个代码总结了我的问题。 也就是说，当您也停止在div上拖动时，我想像单击或悬停在“您可以拖动我的周围……” div上方一样。 http://jsfiddle.net/z7Lctbf5/1/

      #draggable, #event { 
      border: 1px solid black;
      width: 100px; height: 100px; padding: 0.5em; float: left; margin: 0 10px 10px 0; }
      #draggable p { cursor: move; }

    <div id="draggable" class="ui-widget-content">
       <p id="testId" class="ui-widget-header">I can be dragged only by this handle</p>
    </div>

    <div id="event">
      <p>You can drag me around...</p>
    </div>

  $(function() {
    $( "#draggable" ).draggable();

    $( "#event" ).on('mouseup', function(){
        alert('hello');
    }).on('mouseover', function(){
        console.log('hello');
    });
  });

我认为jquery ui源代码具有stopPropagation代码。 如何进行启用事件传播？