在回调功能carousel google tv中添加更多项目

Question

我在google tv jquery ui中使用carousel.js创建视频幻灯片。我想点击“下一步”（右箭头），项目将通过Ajax加载并附加到幻灯片。这意味着我的应用程序可以更快地运行。

Answer 1

您可能希望将缩略图列表加载到旋转木马中，这样就不会创建空的旋转木马。如果您真的想在每次单击下一次时使用ajax加载视频URL，则必须修改以下函数并将AJAX合并到其中。

/ **  *选择下一个Carousel项目。  * @param {boolean}如果在选择后应激活该项，则为true。  * / gtv.jq.Carousel.prototype.selectNext = function（activate）{   var carousel = this;

if（this.selectedItem）{     var newItem = this.selectedItem         .parent（）         .nextAll（ '旋转木马项目-DIV'）         .EQ（0）         .find（ '转盘项目。'）;     if（newItem＆amp;＆amp; newItem.length == 0）{       newItem = this.container.find（'。carousel-item'）。first（）;     }     this.selectItem（this.selectedItem，newItem，function（）{       carousel.updateSelectionClasses（的newitem）;       if（activate）{         carousel.activateItem（的newitem）;       }     }）;   } };

请注意，每次单击下一个按钮时，使用AJAX并加载视频URL都没有多大意义 - 您需要执行太多的ajax调用。最好动态加载整个类别的视频URL以使用AJAX填充轮播。

例如，最初的Google TV模板没有使用AJAX加载视频源，但这个增强的Google TV模板添加了AJAX加载：

https://developers.google.com/tv/web/docs/ajax_gtv_templates_tutorial

查看它是如何完成的。