当前位置：首页 → 问答吧 → 一个jQuery问题答对给分不够加分谢谢了！

一个jQuery问题答对给分不够加分谢谢了！

时间：2011-12-12

来源：互联网

作者: bobo66542401 发布时间: 2011-12-12

你保证UL是双数？。。。如果是的话。。宽度除以2应该就可以了。。。

作者: zsx841021 发布时间: 2011-12-12

这样？HTML code

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html"; charset=utf-8">
        <title>Insert title here</title>
        <script src="jquery.js"></script>
        <style>
            ul{
                width: 200px;
                list-style: none;
                margin: 5px 0;
            }
            .ul-container{
                float: left;
            }
        </style>
    </head>
    <body>
        <div id="test">
            <ul>
                <li>11</li>
                <li>12</li>
            </ul>
            <ul>
                <li>21</li>
                <li>22</li>
            </ul>
            <ul>
                <li>31</li>
                <li>32</li>
            </ul>
            <ul>
                <li>41</li>
                <li>42</li>
            </ul>
        </div>
        <script>
            (function($) {  
                jQuery.fn.extend({
                    calcSubWidth: function() {
                        var elem = $(this), div = null, rowWidth = 0;
                        //Calculate row
                        elem.find("ul").each(function(i) {
                            if(i%2 === 0){
                                div = $('<div class=ul-container>').appendTo(elem);
                                rowWidth = 0;
                            }
                            div.append(this);
                            rowWidth += $(this).width();
                            div.width(rowWidth);
                        });    
                        
                    }
                });
            })(jQuery);
            $('#test').calcSubWidth();
        </script>
    </body>
</html>

作者: axiheyhey 发布时间: 2011-12-12

HTML code

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html"; charset=utf-8">
        <title>Insert title here</title>
        <script src="jquery.js"></script>
        <style>
            ul{
                width: 200px;
                list-style: none;
                margin: 5px 0;
            }
            .ul-group{
                float: left;
            }
        </style>
    </head>
    <body>
        <div id="test">
            <ul>
                <li>11</li>
                <li>12</li>
            </ul>
            <ul>
                <li>21</li>
                <li>22</li>
            </ul>
            <ul>
                <li>31</li>
                <li>32</li>
            </ul>
            <ul>
                <li>41</li>
                <li>42</li>
            </ul>
        </div>
        <script>
            (function($) {  
                jQuery.fn.extend({
                    calcSubWidth: function() {
                        var elem = $(this), div = null, rowWidth = 0;
                        //Calculate row
                        elem.find("ul").each(function(i) {
                            if(i%2 === 0){
                                div = $('<div class=ul-group>').appendTo(elem);
                                rowWidth = 0;
                            }
                            div.append(this);
                        });    
                        
                    }
                });
            })(jQuery);
            $('#test').calcSubWidth();
        </script>
    </body>
</html>

作者: axiheyhey 发布时间: 2011-12-12

一个jQuery问题答对给分不够加分谢谢了！

热门阅读

热门下载