2011-10-06 58 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這與看看發生了什麼有關)。