大家，早安！我有這樣的情況：有一個舊Perl代碼，我有一個<ul>看起來像這樣的（偽代碼）：
<ul>
<li>option 1</li>
<li>option 2</li>
<li>option 3</li>
my $resp =api_request... # basically the fetch process
if ($error ne '') {
<li>$error</li>
}
<li>option 5</li>
</ul>
由于這段代碼很舊并且會被重寫，我需要一個臨時修復^=L 是否有可能以某種方式顯示第 4 個<li>（有錯誤的那個）高于所有其他代碼？如何使它看起來像這樣：
- 錯誤
- 選項1
- 選項 2
- 選項 3
- 選項 5
uj5u.com熱心網友回復：
顯而易見的解決方案是在開始列印串列之前執行 API 呼叫。然后，如果您知道有錯誤，則可以在顯示串列的其余部分之前顯示該錯誤。
uj5u.com熱心網友回復：
如果您知道總會有第 4 個 li 想要移動到頂部，您可以使 ul flex 并重新排序專案：
ul {
display: flex;
flex-direction: column;
}
li:nth-child(1) {
order: 2;
}
li:nth-child(2) {
order: 3;
}
li:nth-child(3) {
order: 4;
}
li:nth-child(4) {
order: 1;
}
li:nth-child(5) {
order: 5;
}<ul>
<li>option 1</li>
<li>option 2</li>
<li>option 3</li>
<li>error</li>
<li>option 5</li>
</ul>但是，如果您不知道總是會出現錯誤訊息，則您需要更改 PERL（即使沒有錯誤，也總是在那里放一個 li），或者使用一些 Javascript 進行后期處理以查看是否有是一個錯誤 li 與否。也許這可以通過測驗 ul 中是否有 4 或 5 個專案來完成？我們對真實案例的了解還不夠多，無法肯定地說。
轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/372265.html