javascript - Kendo UI Accordion 未在 iPad 中扩展

Question

我有一个在 iPad 上运行的 Web 应用程序。此应用程序包含 Kendo UI Accordion在里面。

当页面内容大于屏幕大小并且我想要滚动时，会发生正常的页面滚动(如预期)。但是，当尝试滚动 Kendo Accordion 时，页面滚动而不是 Accordion 滚动(意外)。

我可以通过应用 solution given by Chris Barr 部分解决这个问题。 。

应用此解决方案后， Accordion 开始滚动，而不是我想要的整个页面。

但问题是当我单击 Accordion 上的项目时， Accordion 项目不会展开。我怎样才能开始工作。

function touchScroll(id){
if(isTouchDevice()){ //if touch events exist...
    var el=document.getElementById(id);
    var scrollStartPos=0;

    document.getElementById(id).addEventListener("touchstart", function(event) {
        scrollStartPos=this.scrollTop+event.touches[0].pageY;
        event.preventDefault();
    },false);

    document.getElementById(id).addEventListener("touchmove", function(event) {
        this.scrollTop=scrollStartPos-event.touches[0].pageY;
        event.preventDefault();
    },false);
}}

Answer 1

删除 touchstart 事件监听器中的 event.preventDefault()。它将允许您单击可滚动区域内的链接。