我发生了一个小问题,可能是由于两个插件干扰。它们与开箱即用的默认值一起工作得很好。我使用 JQuery SerialScroll 来控制水平滚动项目,并使用 MediaElement.js 作为 HTML5 视频播放器。
当我配置 MediaElement.js 插件时,尽管它会导致 JQuery SerialScroll 运行异常,并且不再像未配置时那样使用上一个和下一个按钮滚动到下一个或上一个 li。
配置代码是这样的:
$('video').mediaelementplayer({
// the order of controls you want on the control bar (and other plugins below)
features: ['playpause','progress','current','duration','tracks','fullscreen'],
alwaysShowControls: false,
// when this player starts, it will pause other players
pauseOtherPlayers: true
});
当它被注释掉时,SerialScroll 和 MediaElement.js 可以完美地协同工作,但当然,我需要使用一些视频播放器功能来使其按我需要的方式工作。
这里有两个链接来显示发生了什么,第一个是显示未配置播放器时它是如何工作的(上面的代码注释掉了)
http://www.joshmeltzer.com/thesis/working_set/serialscroll_works.html
第二个是当我取消注释上面的代码并尝试使用它的实现
http://www.joshmeltzer.com/thesis/working_set/serialscroll.html
每个页面都是一个单独的 li 并且在第二个链接上滚动移动但是以非常奇怪和可变的间隔...我假设这两个插件在某个深处发生冲突?
提前感谢您的帮助。乔什