小编Ash*_*Ash的帖子

锤子js - 关闭菜单向右滑动 - 垂直滑动干扰

我想向右滑动以关闭我的菜单.我希望用户能够在我的菜单中上下滚动,因为菜单可能在移动设备上很长.

但是,如果向上或向下滑动并向右滑动一下,它会关闭菜单.

http://codepen.io/ashconnolly/pen/gpBLPp/

$('.menu_toggle').click(function (event) {
    $('.menu').toggleClass('active');
});

new Hammer(document.getElementById('menu')).on("panright", function(ev) {
    $('.menu').removeClass('active');
});
Run Code Online (Sandbox Code Playgroud)

这有一个简单的方法吗?我几乎想要一个阈值来使它显而易见.

就像一个简单的计算 - 如果向右移动的距离大于垂直移动的距离=向右滑动.希望你能帮忙!

html javascript jquery hammer.js

5
推荐指数
1
解决办法
889
查看次数

jQuery $(this)在函数内部时不起作用

我有这个简单的功能,复制一些HTML,并将其放在另一个div中.如果我在click事件中放置函数的代码它可以正常工作,但是当我将它移动到一个函数(在多个地方使用)时它不再有效.你知道为什么吗?

如果我是console.log($(this)); 在函数中它返回window元素.

 function addHTMLtoComponent () {
        var wrapper = $(this).closest(".wrapper");
        var component = $(wrapper).find(".component");
        var componentCodeHolder = $(wrapper).find('.target');   

         $(componentCodeHolder).text(component.html())
      //console.log($(this));
 }

 $(".js_show_html").click(function () {
     addHTMLtoComponent();
 });
Run Code Online (Sandbox Code Playgroud)

codepen在这里 - http://codepen.io/ashconnolly/pen/ebe7a5a45f2c5bbe58734411b03e180e

我应该以不同的方式引用$(this)吗?

javascript jquery

1
推荐指数
2
解决办法
1456
查看次数

标签 统计

javascript ×2

jquery ×2

hammer.js ×1

html ×1