iT邦幫忙

0

while 搭配 animation.css ? 怎麼樣才會有一個一個出現的效果?

因為我是用 php 撈數據
所以會是這樣


<? while($row = mysqli_fetch_array($data)){ ?>

裡面有 div 是每個商品的個人區塊

<div class="admin-user-layout pointer animated fadeInUp">
...
</div>

在裡面加上 animation.css 的外掛後
他出現確不會是一個一個出現?有時候三個一起,有時候五個一起?
怎麼會這樣呢?

柯柯 iT邦新手 5 級 ‧ 2018-07-20 15:50:04 檢舉
PHP 是伺服器端 網頁載入完就一次出來了
把PHP的值給JS 用JS去跑迴圈+delay 應該就可以了

純粹猜想 我也不太確定是不是這樣的關係 你可以去試試看
Homura iT邦研究生 4 級 ‧ 2018-07-20 16:04:21 檢舉
跟柯柯說的一樣PHP是一次做完在丟出去
猜測你那有時3個有時5個只是因為每次取得速度不同才會這樣
你應該寫一頁專門取資料的API
然後用AJAX取的資料
在呈現在頁面上

1 個回答

0
最佳解答

這種功能的處理,基本會有兩種作法:

  1. 使用ajax的作法處理
  2. 預設處理全部,但一開始將css設定為隱藏,再依需求顯示

我要發表回答

立即登入回答