onsen-ui - onsen-ui ジェスチャーが機能しない

Question

温泉のスライドメニューとまったく同じ外観のメニューを実装する必要がありますが、それは上からスライドします。メニューをドラッグできるように温泉ジェスチャーを使用することを考えていましたが、温泉ガイドで提供されているジェスチャーのサンプルが機能しません。何か不足していますか？

  <ons-gesture-detector>
    <div id="detect-area" style="width: 300px; height: 300px;background-color:blue;">
      Swipe Here
    </div>
  </ons-gesture-detector>

  <script>
    alert("in");
    $(document).on('swipeleft', '#detect-area', function() {
      alert("swipe");
    })
  </script>