如何在另一个事件上的按钮上模拟单击事件

Question

所以我实现了一个jQuery Swipe Plugin touchswipe，可以让我根据某个滑动执行jQuery事件。所以我有这个代码。

    $(function() {   /* Swipe gestures */    
      //Enable swiping...
      $(document).swipe( {
        //Generic swipe handler for all directions
        swipeRight:function(event, direction, distance, duration, fingerCount) {
              $('.off-canvas-wrap').toggleClass('move-right');
              >>>JQUERY EVENT SHOULD BE PLACED HERE<<< 
        },
        swipeLeft:function(event, direction, distance, duration, fingerCount) {
              $(".off-canvas-wrap").removeClass("move-right"); 
        },
        //Default is 75px, set to 0 for demo so any distance triggers swipe
         threshold:0
      });
    }); /* End of swipe gestures script */

，在'>>>Jquery event should be placed here <<<'的点，应该有一个查询事件。：）

所以我的困难来了。我发现了一个很棒的canvas菜单插件（，如果它至少称为插件。）在此处检查github-> sidebartransitions和demo->演示 ->演示。但是，这是基于单击按钮的。我想执行当您单击单个按钮时发生的事件（确切地说是在演示中，在演示中看到的'drace'，st-effect-2）是可执行的js事件，插入了代码的滑动行中。p>因此，在'>>>Jquery event should be placed here <<<'的部分中，应该有一条或几行，代表按钮后面的代码以打开侧边栏，因此用户可以不用单击按钮，而是可以用滑动打开侧边栏。因此，没有.click()或.on()。

为了在sidebartransitions的JavaScript中进行视图，而不是浏览所有脚本，这是唯一一个完美地执行侧栏开放/关闭的必要的脚本。>在这里

哦，顺便说一句，关闭线（我可以将其放置在代码后面的不同方向）也很棒！

非常感谢。希望你们能弄清楚，因为在过去的几个小时里，我都无法。

jsfiddle - >>在这里！注意：对于那些带有多触摸触控板或任何滑动选项的人，用一个或多个手指滑动（我需要三个要滑动），您应该得到警报使用" Yup"来验证您可以滑动。哦，忽略CSS

Answer 1

尝试这样做：

$(function() {   /* Swipe gestures */    
  //Enable swiping...
  $(document).swipe( {
    //Generic swipe handler for all directions
    swipeRight:function(event, direction, distance, duration, fingerCount) {
          $('.off-canvas-wrap').toggleClass('move-right');
          $('[data-effect="st-effect-2"]').trigger('click');
    },
    swipeLeft:function(event, direction, distance, duration, fingerCount) {
          $(".off-canvas-wrap").removeClass("move-right"); 
    },
    //Default is 75px, set to 0 for demo so any distance triggers swipe
     threshold:0
  });
}); /* End of swipe gestures script */