Javascript 如何在主干视图中使用hammer.js滑动元素_Javascript_Backbone.js_Hammer.js

Javascript 如何在主干视图中使用hammer.js滑动元素

javascript backbone.js

Javascript 如何在主干视图中使用hammer.js滑动元素,javascript,backbone.js,hammer.js,Javascript,Backbone.js,Hammer.js,我对脊梁骨和锤子都很陌生，但这花了我很长时间，我仍然没有达到我的目标，所以如果有人能帮助我，我会非常感激！我想拥有以下功能：但从主干网的角度来使用它。这是我目前的代码： HTML <html> <head> <title>Using backbone</title> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"&g

我对脊梁骨和锤子都很陌生，但这花了我很长时间，我仍然没有达到我的目标，所以如果有人能帮助我，我会非常感激！我想拥有以下功能：

但从主干网的角度来使用它。这是我目前的代码：

HTML

<html>
<head>
<title>Using backbone</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">        
</head>
<style>
body {
overflow:hidden;
height: 100%;
}
.colorContainer {
position: relative;
padding:0 100px;
width: 40%;
border: 1px solid;
margin-top: 25px;
}
.color{
position: relative;
left: 100px;
width:50px;
height:50px;
cursor:pointer;
}
#red .color {
background: red;
}
</style>
<body>          
<script type="text/template" id="template">
<div id="red" class="colorContainer">
<div class="color redColor"></div>
</div>
</script>

<div id="container"></div>

<script src="js/jquery1.9.js"></script>
<script src="js/underscore.js"></script>
<script src="js/backbone.js"></script>      
<script src="js/jquery.hammer.js"></script> 
<script src="js/modernizr.js"></script>
<script src="js/main.js"></script>
</body>
</html>

不幸的是，当我滑动方块时，控制台中没有显示任何内容。有人有类似的问题吗？

多亏了两次，这是通过调用e.signature.direction来完成的，而不仅仅是e.direction。例如：

swipeIt: function(e){
if (e.gesture.direction == 'right') {
     console.log("You swiped right");
}
else if (e.gesture.direction == 'left') {
    console.log("You swiped left");
}
}

您能否在swipeIt函数中添加一个“console.log（'swiped'）来确认它是否被触发？（例如：不在if/else中）尝试了它，它成功了。输入的字符串将显示在控制台中。在这种情况下，我想说的是事件对象没有您正在搜索的属性（或者它有，但它有一个意外的值）。执行

console.log（e）

并查看“direction”是否是其属性。我认为在早期版本中，方向信息可能存储在

e.signature.direction

中，但您应该能够自己看到。

swipeIt: function(e){
if (e.gesture.direction == 'right') {
     console.log("You swiped right");
}
else if (e.gesture.direction == 'left') {
    console.log("You swiped left");
}
}