Comment rendre les données de température de la zone jaune supérieure et de la zone blanche inférieure identiques après le chargement de la page
La partie jaune est écrite dans la balise en HTML
La partie blanche est contrôlée par JS et peut être augmentée ou diminuée, mais les données peuvent rester cohérentes après avoir augmenté ou diminué
Mais il n'y a aucun moyen de garantir la cohérence des données lors du premier chargement de la page
S'il vous plaît, donnez-moi quelques conseils
Le code de la zone jaune dans la moitié supérieure
<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>
La zone blanche dans la moitié inférieure
<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>
Remplissez simplement les mêmes données lors du chargement de la page.
Notez que pour la durée dans la zone jaune ci-dessous, j'ai ajouté une classe qui correspond aux données dans la zone blanche ci-dessus pour plus de commodité.
Il existe de nombreuses méthodes
La façon la plus stupide de ne pas réfléchir