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

css css3 animation php while

火爆浪子 2018-07-20 15:33:46 ‧ 1569 瀏覽

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


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

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

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

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

柯柯 iT邦新手 2 級 ‧ 2018-07-20 15:50:04 檢舉

PHP 是伺服器端網頁載入完就一次出來了
把PHP的值給JS 用JS去跑迴圈+delay 應該就可以了

純粹猜想我也不太確定是不是這樣的關係你可以去試試看

Homura iT邦高手 1 級 ‧ 2018-07-20 16:04:21 檢舉

跟柯柯說的一樣PHP是一次做完在丟出去
猜測你那有時3個有時5個只是因為每次取得速度不同才會這樣
你應該寫一頁專門取資料的API
然後用AJAX取的資料
在呈現在頁面上

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

跟著鄉民看熱鬧

iT邦高手 1 級 ‧ 2018-07-21 05:22:38

最佳解答

這種功能的處理，基本會有兩種作法：

立即登入回答

參賽組數

1064 組

團體組數

40 組

累計文章數

22201 篇

完賽人數

602 人

IT邦幫忙