用freewall.js隐藏show divs jquery

时间:2015-03-27 12:55:24

标签: javascript jquery

我正在使用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>       

0 个答案:

没有答案