$.fn.shuffleChildren = function() {
$.each(this.get(), function(index, el) {
var $el = $(el);
var $find = $el.children();
$find.sort(function() {
return 0.5 - Math.random();
});
$el.empty();
$find.appendTo($el);
});
};
用法
$(".parent-element").shuffleChildren();
查看 CodePen 上的
jQuery 随机排列函数,作者 Chris Coyier (@chriscoyier)
在 CodePen 上。
这很酷,我喜欢它。
酷,很不错!
… 如果你想在页面加载时随机排列
<pre>$(window).load(function() {
$(“.shuffle”).shuffleChildren();
});
</pre>
而不是演示页面
<pre>$(“#shuffle”).click(function() {
$(“.shuffle”).shuffleChildren();
});
</pre>
我应该把它放在哪里?我刚开始学习编码……我使用的是 Dreamweaver,我已经为代码创建了一个 JS 插件,但是我应该把“用法”部分放在哪里?