#如何讓頁面在載入之後 讓上面黃色區域 跟下面白色區域的 溫度資料是相同的
黃色部分 是用HTML寫在標籤裡面的
白色部分 是用JS 控制的 可以增加 減少 但是 增加 減少之後可以保持資料一致
但是沒有辦法做到頁面首次載入的時候資料一致
求教大神
上半部黃色區域的代號
<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>下半部白色區域
<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。
方法有很多
不用尋思的最笨的方法