我正在使用freewall jquery插件(http://vnjs.net/www/project/freewall/) 一切正常。
现在我想添加一个选项,人们可以选择显示或隐藏div。 工作正常。
实施例: http://www.surveydesigners.com/freewall/
如果您点击"问题1" 你会看到它是如何运作的。
然而,当我离开我的隐藏节目divs选项时,它没有显示我通常会得到的布局(下面的第一个js脚本)。
原因可能是因为我想在创建freewall之前使用todo wall.refresh()。我改变了这个命令,但它没有帮助。
我认为它很小但却无法运作。
<script type="text/javascript">
$(function () {
$('#id_radio1').click(function () {
$('#div2').hide('fast');
$('#div1').show('fast');
});
$('#id_radio2').click(function () {
$('#div1').show('slow');
$('#div2').show('fast');
});
$('#id_radio3').click(function () {
$('#div1').hide('fast');
$('#div2').hide('fast');
});
wall.refresh();
});
</script>
<script type="text/javascript">
var colour = [
"rgb(142, 68, 173)",
"rgb(243, 156, 18)",
"rgb(135, 0, 0)",
"rgb(211, 84, 0)",
"rgb(0, 106, 63)",
"rgb(192, 57, 43)",
"rgb(39, 174, 96)",
"rgb(41, 128, 185)"
];
$(".brick").each(function() {
this.style.backgroundColor = colour[colour.length * Math.random() << 0];
});
$(function() {
var wall = new freewall("#freewall");
wall.reset({
selector: '.brick',
animate: true,
cellW: 160,
cellH: 160,
onResize: function() {
wall.fitWidth();
}
});
wall.addCustomEvent('onBlockLoad', function(setting){
console.log(setting);
});
wall.fitWidth();
});
</script>