近日想在自己的項(xiàng)目中給一些按鈕增加一些點(diǎn)擊特效，以提升用戶體驗(yàn)，使用mo.js；
根據(jù)官方文檔 http://mojs.io/ 調(diào)試出來自己想要的特效，加入到項(xiàng)目中去點(diǎn)擊無效果，控制臺也沒報(bào)錯。
源碼如下：

<script src="https://cdn.jsdelivr.net/mojs/0.265.6/mo.min.js"></script>


<script type="text/javascript">
    const burstEverywhere = new mojs.Burst({
        left: 0, top: 0,
        radius:   { 4: 19 },
        angle:    45,
        children: {
            shape:        'line',
            radius:       3,
            scale:        1,
            stroke:       '#FD7932',
            strokeDasharray: '100%',
            strokeDashoffset: { '-100%' : '100%' },
            duration:     700,
            easing:       'quad.out',
        }
    });
    document.addEventListener('click', function (e) {
        burstEverywhere.tune({x: e.pageX, y: e.pageY}).setSpeed(3).replay();
    });
</script>

在空白html中會有點(diǎn)擊特效。

一開始怎么都沒想出原因來，后來在用PS作圖的時(shí)候突然想起來，F(xiàn)ramework7創(chuàng)建的view會不會把顯示出點(diǎn)擊效果遮在下邊了，趕緊測試！

設(shè)置z-index如下：

burstEverywhere.el.style.zIndex = 999999;

搞定。