So gleichen Sie die Temperaturdaten des oberen gelben Bereichs und des unteren weißen Bereichs nach dem Laden der Seite aus
Der gelbe Teil wird mit HTML in den Tag geschrieben
Der weiße Teil wird von JS gesteuert und kann erhöht oder verringert werden, aber die Daten können nach dem Erhöhen oder Verringern konsistent gehalten werden
Aber es gibt keine Möglichkeit sicherzustellen, dass die Daten konsistent sind, wenn die Seite zum ersten Mal geladen wird
Bitte geben Sie mir einen Rat
Der Code für den gelben Bereich in der oberen Hälfte
<p class="device-control">
<ul>
<li> <span class="leng">3</span><i>℃</i>
<p>冷藏区</p>
</li>
<li class="line"></li>
<li> <span class="bian">5</span><i>℃</i>
<p>变温区</p>
</li>
<li class="line"></li>
<li> <span class="dong">-18</span><i>℃</i>
<p>冷冻区</p>
</li>
</ul>
</p>Der weiße Bereich in der unteren Hälfte
<li onclick="changeTemper($(this),1)">
<p class="control-icon"><img
src="images/refrigeratorControl/collectionOffImages/virtual-collection-normal1@3x.png"/></p>
<p>冷藏区 <span>3</span>℃</p>
</li>
<li onclick="changeTemper($(this),2)">
<p class="control-icon"><img
src="images/refrigeratorControl/collectionOffImages/virtual-collection-normal2@3x.png"/></p>
<p>变温区 <span>-5</span>℃</p>
</li>
<li onclick="changeTemper($(this),3)">
<p class="control-icon"><img
src="images/refrigeratorControl/collectionOffImages/virtual-collection-normal3@3x.png"/></p>
<p>冷冻区 <span>-22</span>℃</p>
</li>
页面加载的时候填充相同的数据即可。
注意，下面黄色区域的span, 我为了方便加了和上面白色部分数据对应一致的class。
方法有很多
不用寻思的最笨的方法