Kendo ui KendoMobile scrollview过渡动画问题

我目前正在开发一个与肯多米尔的网络应用程序

我使用滚动视图显示信息栏，如下图所示：

当我点击一个标记时，问题就出现了。 我编写了一个函数，可以更改scrollview的页面以匹配我单击的标记

以下是该方法的代码：

google.maps.event.addListener(markerObj, 'click', function() {
    var page = fournisseursArrayIndexOf(markerObj.data["ID"]);
    console.log("marker title : " + markerObj.title + " / footer page : " + page);

    var footer  = $("#footer").data("kendoMobileScrollView");
    var curpage = footer.page;

    markers[curpage].setIcon(normalImg);
    markerObj.setIcon(selectedImg);

    footer.scrollTo(page);
    //map.panTo(markerObj.position);
});

我读到如果我使用scrollTo方法和一个参数（我想显示的页面索引），默认情况下会有一个过渡动画。 但是什么也没有发生，我的意思是页面确实发生了变化，但是没有动画

我在剑道论坛上搜索了一下，但我找到的唯一一个主题是，它与我想要的正好相反：他想在我想要的时候删除动画。 但这对我有点帮助，因为这意味着制作动画是可能的

---

有人知道这个问题的解决方法吗？

问题解决了！有点

我通过修改KendoMobileScrollView的代码测试了很多东西，发现调用scrollTo方法时应该显示的动画在scrollview中填充模板时不起作用

因此，如果有人遇到同样的问题：您将不得不编写一个循环来创建scrollview的页面并将其插入DOM中

看起来像这样：

var htmlToAppen = "<div data-role=\"page\>"";

for(var i = 0 ; i < yourObjectsArray.length ; i++) {
    var curObj = yourObjectsArray[i];

    htmlToAppen += "<div> objName : " + curObj.name + "</div>";

    htmlToAppen += "</div>"; 
}

$("#yourScrollDiv").append(htmlToAppend);
$("#yourScrollDiv").kendoMobileScrollView({
    enablePager : false
});

var htmltappen=”