不知道这是如何touche.js工作

Question

我有兴趣使用touche.js，我通过teamTreehouse每周演出听到。

我不正确的理解它的使用和实现吗？

你只是在touche.js之前添加一个jQuery，然后调用函数？

<!-- jQuery --> 
<script type="text/javascript" src="/path/to/jQuery.js"></script> 

<!-- somewhere before the rest of your JavaScript code --> 
<script type="text/javascript" src="/path/to/touche.js"></script> 

// applying a click event to one element 

Touche(document.querySelector('#myButton')).on('click', handleClick); 

// or to multiple at once 

Touche(document.querySelectorAll('.myButtons')).on('click', handleClicks); 

// or with jQuery 

$('.myButtons').on('click', handleClicks); 

我的经验，在以下， 我添加了一个类，你自然会点击到的所有元素。 （即链接，提交按钮等）中，添加的jQuery的touche.js库之前，然后调用，

$('.myButtons').on('click', handleClicks); 

然而，我收到一个“errorUncaught的ReferenceError：handleClicks没有定义”在控制台错误。这导致我搜索handleClicks方法，我认为这是缺少的，并自然导致错误...但令我惊讶的是，我没有发现handleClicks方法。任何见解都会很棒！

谢谢，所以我认为handleClicks函数会是这样的？

function handleClicks(){ 
    $('a').click(); 
} 

我猜选择器会填满所有我想要的项目？

Answer 1

免责声明：我没有使用过图书馆，没有测试过，答案是基于它的文档。

touche工作不需要jQuery。因此，要澄清的文件，为了使用它，而jQuery的，你可以把它叫做如下，

Touche(document.querySelector('#myButton')).on('click', handleClick); 

或

Touche(document.querySelectorAll('.myButtons')).on('click', handleClicks); 

与jQuery，

$('.myButtons').on('click', handleClicks); 

在所有情况下handleClicks是一个由你定义的函数。

function handleClicks(){ 
/*do stuff*/ 
} 

或者你可以定义任何的上述示例中的匿名函数内联，

$('.myButtons').on('click', function(){/*do stuff*/}); 

编辑

根据您最后的评论和编辑，我想你需要申请touche.js所有的锚点，请尝试以下操作，

$('a').on('click', function(e){ 
     e.preventDefault(); 
     /*do stuff*/ 
     /**/ 
     /*if you want to visit the href of the anchor then you can do*/ 
     window.location.href=$(this).attr("href"); 


    }); 

或

Touche(document.querySelectorAll('a')).on('click', function(e){ 
    e.preventDefault(); 
    window.location.href=$(this).attr("href"); 
});