刷卡事件傳播不起作用

您好我已經下面的HTML結構：刷卡事件傳播不起作用

<div class="container"> 

     <div class="scroller"> 
      <div id ="goldenPage" class="page active">    
       <div class="block text"> 
        <div class="rich-text"></div> 
       </div> 
       <div class="block"> 
        <div class="form"></div> 
       </div> 
       <div class="block"> 
        <ul class="menu"></ul> 
       </div> 
      </div> 
      <div id ="cachePage" class="page"></div> 
     </div> 

    </div>

如果我使用代碼

var myElement = $(".container")[0]; 
      var hammertime = new Hammer(myElement);    
      hammertime.on("swiperight",function(){ 
       console.debug(" manage swiperight event.");     
       });

綁定刷卡事件上的div與級集裝箱和如果我沒有發生什麼事情發生（除非我在頁面底部滑動，因爲帶有滾動器類的內部div比父div更少）。如果我使用類別滾動器將div上的滑動綁定到正確的綁定上。滾動div使用jquery scrollpane插件綁定。有什麼想法？

來源

2017-03-29 Toni

那麼這裏究竟是一個關鍵問題：

使用jQuery，這可以通過在包裝你的JavaScript代碼來實現？你問爲什麼它正在做它正在做什麼，或者你是否要求一種方法來綁定滑動到容器div並仍然正常工作？ –

DEMO - 確保您的JavaScript/jQuery在document.ready事件之後被解僱。

如果JavaScript在DOM中的元素可用之前觸發，JavaScript將無法找到該元素，因此無法將（swiperight）事件綁定到該元素。

$(function() { 
    // Your code here. 
    console.log("Ready!"); 
});

來源

2017-03-29 15:50:26 Coby

刷卡事件傳播不起作用

回答

相關問題