ChunyuH 2015-04-29 15:22 采纳率: 100%
浏览 2331
已采纳

jquery 动态生成几个页面,其中一个页面不能显示

只能显示全部和酒店的页面,航空的那个不能加载到动态生成的数据

 <!--首页,默认为全部-->
    <div data-role="page" id="index" >
        <div style="overflow: hidden;" data-role="header" data-position="fixed">
            <h1>首页</h1>
            <a class="ui-btn-right" href="#" data-icon="gear">Options</a>
            <div data-role="navbar" style="background-color:silver;">
                <ul>
                    <li><a href="#index">全部</a></li>
                    <li><a href="#hotel">酒店</a></li>
                    <li><a href="#airline">航空</a></li>
                </ul>
            </div>
        </div>
        <div data-role="content"><ul data-role="listview" id="all" ></ul></div>
        <div style="overflow: hidden;" data-role="footer" data-position="fixed">
            <div data-role="navbar">
                <ul>
                    <li><a href="#index">首页</a></li>
                    <li><a href="#">促销</a></li>
                    <li><a href="#">日历</a></li>
                    <li><a href="setting.html" rel="external">设置</a></li>
                </ul>
            </div>
        </div>
   </div>
    <!--酒店-->
    <div data-role="page" id="hotel">
        <div style="overflow: hidden;" data-role="header" data-position="fixed">
            <h1>酒店</h1>
            <div data-role="navbar" style="background-color:silver;">
                <ul>
                    <li><a href="#index">全部</a></li>
                    <li><a href="#hotel">酒店</a></li>
                    <li><a href="#airline">航空</a></li>
                </ul>
            </div>
        </div>
        <div data-role="content"><ul data-role="listview" id="hotel_"></ul></div>
        <div style="overflow: hidden;" data-role="footer" data-position="fixed">
            <div data-role="navbar">
                <ul>
                    <li><a href="#index">首页</a></li>
                    <li><a href="#">促销</a></li>
                    <li><a href="#">日历</a></li>
                    <li><a href="setting.html" rel="external">设置</a></li>
                </ul>
            </div>
        </div>
    </div>
    <!--航空-->
    <div data-role="page" id="airline">
        <div style="overflow: hidden;" data-role="header" data-position="fixed">
            <h1>航空</h1>
            <div data-role="navbar" style="background-color:silver;">
                <ul>
                    <li><a href="#index">全部</a></li>
                    <li><a href="#hotel">酒店</a></li>
                    <li><a href="#airline">航空</a></li>
                </ul>
            </div>
        </div>
        <div data-role="content"><ul data-role="listview" id="airline_"></ul></div>
        <div style="overflow: hidden;" data-role="footer" data-position="fixed">
            <div data-role="navbar">
                <ul>
                    <li><a href="#index">首页</a></li>
                    <li><a href="#">促销</a></li>
                    <li><a href="#">日历</a></li>
                    <li><a href="setting.html" rel="external">设置</a></li>
                </ul>
            </div>
        </div>
    </div>
 $.ajax({
            url: "" ,
            type: 'GET',
            dataType: 'XML',//here
            success: function (data) {
                //生成全部列表
                all = $('#all');
                var iHtml = '';
                hotel = $('#hotel_');
                var iHtml_h = '';
                airline = $('#airline_');
                var iHtml_a = '';
                $(data).find("record").each(
                   function () {
                       pid = $(this).children("pid").text();
                       flag = $(this).children("flag").text();
                       iHtml += '<li style="list-style-type:none;"><div style="vertical-align:middle;float:left;font-size:8%"><img style="margin-bottom: -4px;width: 14%" src="css/images/Hotel@2x.png" /><span> 酒店集团</span></div>'
                            + ' <div style="vertical-align:middle;float:right;font-size:8%"> <img style="margin-bottom: -4px;width:25%" src="css/images/Point@2x.png" />12345</div><br />'
                           + '<div> <a href="#" onclick="getcard_details(' + pid + ');"><img style=" margin: 0 0 -45% 0; overflow: hidden;" id="' + pid + '" width="100%" src=' + card_img + 'aid:' + pid + '_display:1></a></div>' + '</li>';

                       //生成酒店列表
                       if (flag == 1) {
                           iHtml_h += '<li style="list-style-type:none;"><div style="vertical-align:middle;float:left;font-size:8%"><img style="margin-bottom: -4px;width: 14%" src="css/images/Hotel@2x.png" /><span> 酒店集团</span></div>'
                                + ' <div style="vertical-align:middle;float:right;font-size:8%"> <img style="margin-bottom: -4px;width:25%" src="css/images/Point@2x.png" />12345</div><br />'
                               + '<div> <a href="#" onclick="getcard_details(' + pid + ');"><img style=" margin: 0 0 -45% 0; overflow: hidden;" id="' + pid + '" width="100%" src=' + card_img + 'aid:' + pid + '_display:1></a></div>' + '</li>';
                       }
                       //生成航空列表
                       if (flag == 2) {
                           iHtml_a += '<li style="list-style-type:none;"><div style="vertical-align:middle;float:left;font-size:8%"><img style="margin-bottom: -4px;width: 14%" src="css/images/Hotel@2x.png" /><span> 酒店集团</span></div>'
                                + ' <div style="vertical-align:middle;float:right;font-size:8%"> <img style="margin-bottom: -4px;width:25%" src="css/images/Point@2x.png" />12345</div><br />'
                               + '<div> <a href="#" onclick="getcard_details(' + pid + ');"><img style=" margin: 0 0 -45% 0; overflow: hidden;" id="' + pid + '" width="100%" src=' + card_img + 'aid:' + pid + '_display:1></a></div>' + '</li>';
                       }
                   })
                iHtml += '<a class="ui-btn" href="#">+添加更多</a>';
                all.html(iHtml).listview('refresh');
                iHtml_h += '<a class="ui-btn" href="#">+添加更多</a>';
                hotel.html(iHtml_h).listview('refresh');
                iHtml_a += '<a class="ui-btn" href="#">+添加更多</a>';
                airline.html(iHtml_a).listview('refresh');
                //
            }
        }) 
  • 写回答

2条回答 默认 最新

  • 海楓 2015-05-05 01:38
    关注

    試用setTimeout 調用其中一個 airline.html(iHtml_a).listview('refresh'); 看下.

    Uncaught Error: cannot call methods on listview prior to initialization

    這名很怪異,不知道 listview 具體怎麼實現的,會不會執行過程中有些東西改變.

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题?

悬赏问题

  • ¥20 求一个html代码,有偿
  • ¥100 关于使用MATLAB中copularnd函数的问题
  • ¥20 在虚拟机的pycharm上
  • ¥15 jupyterthemes 设置完毕后没有效果
  • ¥15 matlab图像高斯低通滤波
  • ¥15 针对曲面部件的制孔路径规划,大家有什么思路吗
  • ¥15 钢筋实图交点识别,机器视觉代码
  • ¥15 如何在Linux系统中,但是在window系统上idea里面可以正常运行?(相关搜索:jar包)
  • ¥50 400g qsfp 光模块iphy方案
  • ¥15 两块ADC0804用proteus仿真时,出现异常