0

以下是我所做的三个解析示例....第一个工作正常，但由于追加而变得越来越长....第二个和第三个仅显示第一个条目，因为 .empty。

据我了解，最后一个示例是在重新解析之前清除旧条目的正确方法，因为它针对内部 div。

奇怪的是，它们在呈现时看起来相同的元素，但我假设在某些地方删除了格式......

有什么想法吗 ？

TIA

人族

有效，但由于附加而变长

$('#eventlist').append($('<div data-role="collapsible" data-collapsed="true">').html('<h3>'+CurrentRoadworks.dataitem.ROADMAINTENANCETYPE+' - '+CurrentRoadworks.dataitem.GOFL_LOCCGRP_TPEGILOC_FRAMEDPOINT_NAME_DESCRIPTOR_VALUE+'</h3><p>'+CurrentRoadworks.dataitem.NONGENERALPUBLICCOMMENT_COMMENT_VALUE+'</p>Number of Lanes Retricted '+CurrentRoadworks.dataitem.IMPACT_IMPACTDETAILS_NUMBEROFLANESRESTRICTED+'<br/>Expected Impact '+CurrentRoadworks.dataitem.IMPACT_IMPACTONTRAFFIC+'<br/>Expected Delay '+CurrentRoadworks.dataitem.IMPACT_DELAYS_DELAYTIMEVALUE+'<br/>Lat / Long '+CurrentRoadworks.dataitem.GOFL_LOCCGRP_TPEGILOC_FROM_POINTCOORDINATES_LATITUDE+' / '+CurrentRoadworks.dataitem.GOFL_LOCCGRP_TPEGILOC_FROM_POINTCOORDINATES_LONGITUDE+'<br/>Valid to  '+CurrentRoadworks.dataitem.VALIDPERIOD_ENDOFPERIOD+'</div>'));

解析时仅显示第一个条目...

 $('#eventlist').empty.append($('<div data-role="collapsible" data-collapsed="true">').html('<h3>'+CurrentRoadworks.dataitem.ROADMAINTENANCETYPE+' - '+CurrentRoadworks.dataitem.GOFL_LOCCGRP_TPEGILOC_FRAMEDPOINT_NAME_DESCRIPTOR_VALUE+'</h3><p>'+CurrentRoadworks.dataitem.NONGENERALPUBLICCOMMENT_COMMENT_VALUE+'</p>Number of Lanes Retricted '+CurrentRoadworks.dataitem.IMPACT_IMPACTDETAILS_NUMBEROFLANESRESTRICTED+'<br/>Expected Impact '+CurrentRoadworks.dataitem.IMPACT_IMPACTONTRAFFIC+'<br/>Expected Delay '+CurrentRoadworks.dataitem.IMPACT_DELAYS_DELAYTIMEVALUE+'<br/>Lat / Long '+CurrentRoadworks.dataitem.GOFL_LOCCGRP_TPEGILOC_FROM_POINTCOORDINATES_LATITUDE+' / '+CurrentRoadworks.dataitem.GOFL_LOCCGRP_TPEGILOC_FROM_POINTCOORDINATES_LONGITUDE+'<br/>Valid to  '+CurrentRoadworks.dataitem.VALIDPERIOD_ENDOFPERIOD+'</div>'));

解析时仅显示第一个条目...

$('#eventlist div').empty(); 
$('#eventlist').append($('<div data-role="collapsible" data-collapsed="true">').html('<h3>'+CurrentRoadworks.dataitem.ROADMAINTENANCETYPE+' - '+CurrentRoadworks.dataitem.GOFL_LOCCGRP_TPEGILOC_FRAMEDPOINT_NAME_DESCRIPTOR_VALUE+'</h3><p>'+CurrentRoadworks.dataitem.NONGENERALPUBLICCOMMENT_COMMENT_VALUE+'</p>Number of Lanes Retricted '+CurrentRoadworks.dataitem.IMPACT_IMPACTDETAILS_NUMBEROFLANESRESTRICTED+'<br/>Expected Impact '+CurrentRoadworks.dataitem.IMPACT_IMPACTONTRAFFIC+'<br/>Expected Delay '+CurrentRoadworks.dataitem.IMPACT_DELAYS_DELAYTIMEVALUE+'<br/>Lat / Long '+CurrentRoadworks.dataitem.GOFL_LOCCGRP_TPEGILOC_FROM_POINTCOORDINATES_LATITUDE+' / '+CurrentRoadworks.dataitem.GOFL_LOCCGRP_TPEGILOC_FROM_POINTCOORDINATES_LONGITUDE+'<br/>Valid to  '+CurrentRoadworks.dataitem.VALIDPERIOD_ENDOFPERIOD+'</div>'));

html....

<div data-role="page" id="events">
<div data-role="header"  data-theme="a" data-backbtn="false" class="ui-header ui-bar-a">
    <h1>Events</h1>
</div>
<div data-role="navbar" data-theme="a" >    
    <ul data-role="listview">
        <li><a href="#home">Home</a></li>
        <li><a href="gmap.html" rel="external">Map</a></li>
        <li><a href="#settings">Settings</a></li>
    </ul>     
</div>
<div id="eventscontent" data-role="content" data-theme="a" ><div id="loadingeventdata" align="middle" >Data Loading.... <img src="images/ajax-loader.png" width="35" height="35" align="middle"></div>
<div id="eventlist" data-role="collapsible-set" data-theme="c" ><!--Create dynamic data via URL from GPS & other variables   --></div>
</div>

4

0 回答 0