觸摸事件的問題

Question

我試圖在我的網站上使用播放器（我沒有編碼）。無論如何，玩家在觸控事件中並沒有觸動事件，當我嘗試使用iPad進行測試時，似乎沒有反應。音量滑塊應該能夠左右拖動，音樂流應該能夠做同樣的事情，但目前他們沒有工作。

// seeking in the loaded track buffer 
    $('.sc-time-span') 
    .live('click', function(event) { 
     scrub(this, event.pageX); 
     return false; 
    }) 
    .live('touchstart', function(event) { 
     this.addEventListener('touchmove', onTouchMove, false); 
     event.originalEvent.preventDefault(); 
    }) 
    .live('touchend', function(event) { 
     this.removeEventListener('touchmove', onTouchMove, false); 
     event.originalEvent.preventDefault(); 
    }); 

    // changing volume in the player 
    var startVolumeTracking = function(node, startEvent) { 
    var $node = $(node), 
     originX = $node.offset().left, 
     originWidth = $node.width(), 
     getVolume = function(x) { 
      return Math.floor(((x - originX)/originWidth)*100); 
     }, 
     update = function(event) { 
      $doc.trigger({type: 'scPlayer:onVolumeChange', volume: getVolume(event.pageX)}); 
     }; 
    $node.bind('mousemove.sc-player', update); 
    update(startEvent); 
    }; 

    var stopVolumeTracking = function(node, event) { 
    $(node).unbind('mousemove.sc-player'); 
    }; 

    $('.sc-volume-slider') 
    .live('mousedown', function(event) { 
     startVolumeTracking(this, event); 
    }) 
    .live('mouseup', function(event) { 
     stopVolumeTracking(this, event); 
    }); 

    $doc.bind('scPlayer:onVolumeChange', function(event) { 
    $('span.sc-volume-status').css({width: event.volume + '%'}); 
    }); 

Answer 1

我猜測，因爲你正在使用jQuery的生活（）具有約束力，但可以依靠jQuery UI的觸摸事件插件工作。如果您包含http://touchpunch.furf.com/的插件，它可能會解決您的問題。