Javascript 加载页面前使用jQuery随机li（列表）

如何在加载页面之前使用jQuery随机创建列表

我在网上找到了这个例子： （您必须向下滚动一点才能看到）

但它只有在鼠标按下按钮后才能工作*这是我的问题，我需要它在加载页面之前自动工作

有什么想法吗

我在这里复制了代码，如果有人愿意帮忙，可能会有用

$(function() {
  $('button').click(function() {
    $("div.list").randomize("div.cat");
  });
});
(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.8); });  
      $this.remove(childElem);  
      for(var i=0; i < elems.length; i++)
        $this.append(elems[i]);      
  });    
}
})(jQuery);

$（函数（）{
$（“按钮”）。单击（函数（）{
$（“div.list”）。随机化（“div.cat”）；
});
});
（函数（$）{
$.fn.randomize=函数（childElem）{
返回此值。每个（函数（）{
var$this=$（this）；
var elems=$this.children（childElem）；
sort（函数（）{return（Math.round（Math.random（））-0.8）；}）；
$this.remove（childElem）；
对于（变量i=0；i

最简单的方法是在document.ready事件触发后调用randomize（）函数：

$(document).ready(function() {
 $("div.list").randomize("div.cat");
});

---

当页面加载时，您只需调用

随机化

插件即可-请注意，尽管插件需要事先加载：

$(function() {      
    $("div.list").randomize("div.cat");
});

---

更新的fiddle:

您应该能够通过执行$（窗口）来完成此操作。准备就绪，或者类似于以下内容的操作：

$(function() {
   console.log('Yo');
   $("div.list").randomize("div.cat");
});

---

确保你先注册插件

如果页面未加载，则您的ul未加载。隐藏页面，随机化，然后在document.load.randomize服务器端显示ul。

$（窗口）。ready

实际上没有意义（即使它可以工作）<代码>窗口在这种情况下将被忽略，它将使用

文档

。