我有一个包含多个视频的页面,可以在加载时随机化顺序。当我使用谷歌浏览器直接进入网站时,随机化工作完美无缺,但是如果我在链接页面上继续操作并点击"返回"要返回视频页面,该页面在每个iframe中都有相同的视频(总共有11个视频)。在转移+重新加载它再次工作。
如何摆脱这个问题?我尝试添加一个空函数,但我认为就我现在的知识而言 - 我在网上找到了这个代码。
非常感谢任何帮助!!!
<script>
//Randomize order of video chapters
//Main statement, calls randomize function
$(document).ready(function () {
$("#videocontainer").randomize("div.chapter");
});
(function ($) {
$.fn.randomize = function (childElem) {
return this.each(function () {
var $this = $(this);
var elems = $this.children(childElem);
//
elems.sort(function () {
return (Math.round(Math.random()) - 0.5);
});
$this.remove(childElem);
//Populates array with newly obtained order
for (var i = 0; i < elems.length; i++)
$this.append(elems[i]);
});
}
})(jQuery);
</script>