1. 程式人生 > >踩到Framework7 Photo Browser 的一個坑

踩到Framework7 Photo Browser 的一個坑

value nbsp 永遠 元素 prop point 手冊 poi row

最近在做的項目用了Framework7前端框架,功能確實比較強大!但這兩天遇到一個坑,希望我的這點收獲能給遇到這個問題的朋友一點幫助。

在使用Photo Browser 的時候,圖片下方想放一個“點贊”的按鈕,耐何就死活無法響應鼠標的點擊事件(click tap都不行)。懷疑被父級元素攔截了,反復各種折騰就是沒效果!

最後都要放棄的時候,都準備移除“點贊”功能了,無意中發現.photo-browser-captions這個層有個樣式是 pointer-events: none; 翻了一下CSS手冊,說none時元素永遠不會成為鼠標事件的target!

這一下子就找到癥結所在了!改為 pointer-events: auto; 就能正確綁定事件了!

真沒想到CSS也能控制鼠標事件,漲姿勢了!

踩到Framework7 Photo Browser 的一個坑