0
回答
jquery mobile table动态加载,无法控制列显示和隐藏
滴滴云服务器,限时包月0.9元,为开发者而生>>>   

代码如下

<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width,initial-scale=1" />
        <title></title>
    </head>
    <script src="../js/jquery.js" type="text/javascript" charset="utf-8"></script>
    <script src="../js/jquery.mobile-1.4.5.js" type="text/javascript" charset="utf-8"></script>
    <link rel="stylesheet" type="text/css" href="../css/jquery.mobile-1.4.5.css" />
    <script type="text/javascript">
        $(function() {
            $("button").click(function() {
                $("tbody tr").remove();
                $.ajax({
                    type: 'get',
                    url: 'http://ws.jsfw.net/publicinfo/server.php',
                    dataType: 'jsonp',
                    jsonp: "jsoncallback",
                    success: function(data) {
                        for(var k = 0, length = data.length; k < length; k++) {
                            $("#tbody").append("<tr><td>" + data[k].ServerID + "</td><td>" + data[k].ServerName + "</td><td>" + data[k].Address + "</td><td>" + data[k].Mobile + "</td><td>" + data[k].Manager + "</td></tr>");
                        }
                    },
                    error: function() {
                        alert('fail');
                    }
                });
            });

        })
    </script>

    <body>
        <div id="" data-role="page">
            <div id="" data-role="header">
                <h1>Ajax 跨域访问</h1>
            </div>
            <div id="" data-role="main" class="ui-content">
                <button>获取数据</button>
                <table data-role="table" class="ui-responsive ui-shadow" data-mode="columntoggle">
                    <thead>
                        <tr>
                            <th data-priority="1">服务站编码</th>
                            <th data-priority="1">服务站名称</th>
                            <th data-priority="2">地址</th>
                            <th data-priority="3">电话</th>
                            <th data-priority="4">负责人</th>
                        </tr>
                    </thead>
                    <tbody id="tbody">
                        
                    </tbody>
                </table>
            </div>
            <div id="" data-role="footer">
                <h1><a href="#" data-rel="back">Return</a></h1>
            </div>
        </div>

    </body>

</html>

数据加载都没问题,就是点击列选项时,只有列标题会显示或隐藏,而内容却一直显示,不受控制。不知是何原因。

<无标签>
举报
大湖-逐风
发帖于5个月前 0回/20阅
顶部