2011-10-06 63 views
1

我想阻止我的jQTouch应用程序中的链接加载页面在href中。我的代码的一个非常简化的版本如下无法阻止默认()jQTouch链接

<html> 
    <head> 
     <script type="text/javascript" src="/jquery.js"></script> 
     <link rel="stylesheet" type="text/css" href="/jqtouch/css-jqtouch.css"> 
     <script type="text/javascript" src="/jqtouch/jqtouch.js"></script> 
     <script type="text/javascript"> 
      $(document).ready(function() 
      { 
       var jQT = $.jQTouch({}); 

       $('#row0 a').bind('click', function(e) 
       { 
        e.preventDefault(); 
        alert('test'); 
       }); 

      }); 
     </script> 
    </head> 
    <body> 
     <div id="jqt"> 
      <div id="row0"> 
       <a href="#searchResults">Search</a> 
      </div> 

      <div id="searchResults"> 
       <a href="#" class="back">Back</a> 
      </div> 
     </div> 
    </body> 
</html> 

当我点击“搜索”链接,警告框出现,但页面仍然加载。

我错过了什么吗?

回答

0

我刚刚有这个问题没有绑定点击你实际上想绑定点击!

它可以在浏览器中使用,但是实际上听到的是手机版本,点击即可,即使点击正在被捕获,也可以传播点击。值得注意的是,由于某些网页浏览器愚蠢的代码魔术

点击和点击之间的区别有点令人困惑,但是如果你在jqtouch-jquery.js文件中查看源代码,你将会了解为什么你需要使用点击而不是点击(即使你是使用Zepto这与看看发生了什么有关)。