踩到Framework7 Photo Browser 的一個坑
最近在做的項目用了Framework7前端框架,功能確實比較強大!但這兩天遇到一個坑,希望我的這點收獲能給遇到這個問題的朋友一點幫助。
在使用Photo Browser 的時候,圖片下方想放一個“點贊”的按鈕,耐何就死活無法響應鼠標的點擊事件(click tap都不行)。懷疑被父級元素攔截了,反復各種折騰就是沒效果!
最後都要放棄的時候,都準備移除“點贊”功能了,無意中發現.photo-browser-captions這個層有個樣式是 pointer-events: none; 翻了一下CSS手冊,說none時元素永遠不會成為鼠標事件的target!
這一下子就找到癥結所在了!改為 pointer-events: auto; 就能正確綁定事件了!
真沒想到CSS也能控制鼠標事件,漲姿勢了!
踩到Framework7 Photo Browser 的一個坑
相關推薦
踩到Framework7 Photo Browser 的一個坑
value nbsp 永遠 元素 prop point 手冊 poi row 最近在做的項目用了Framework7前端框架,功能確實比較強大!但這兩天遇到一個坑,希望我的這點收獲能給遇到這個問題的朋友一點幫助。 在使用Photo Browser 的時候,圖片下方想放一個
實際工作場景中踩過redis的一個坑:不查詢redis,而查詢後端資料庫問題
今天,在工作中遇到專案在查詢碼錶字典轉換時,不走redis而是查詢後臺資料庫問題。做一個簡單記錄,目的是防止以後出現類似問題,同時該碼錶存在快取中採用的資料型別也是值得我學習的。 一、簡單的背景介紹 該專案以
使用SpringBoot的yml文件配置時踩的一個坑
node ddp parsing ica listener bsp ring com dac 問題描述:使用SpringBoot整合redis進行yml配置的時候,啟動工程報錯,提示加載application.yml配置文件失敗: 17:18:27.430 [main]
使用vue.js路由踩到的一個坑Unknown custom element
在配合require.js使用vue路由的時候,遇到了路由元件報錯: “vue.js:597 [Vue warn]: Unknown custom element: <router-link> - did you register the component corre
springcloud 和apollo配置中心一起使用時踩到的一個坑
場景描述: 今天收到線上一個服務的instance deregistered的告警郵件,在springboot admin上確實那個instance不線上了。於是去伺服器上jps看了一下,程序正常的,但是/health端點資訊顯示eureka為down。檢視error.lo
php專案踩到的empty函式的一個坑
報錯資訊: PHP Fatal error: Can't use function return value in write context in /目錄省略.../XXService.php on line 64 程式碼: if (empty(tri
php項目踩到的empty函數的一個坑
ext UNC emp value can 筆記本 服務器 service span 報錯信息: PHP Fatal error: Can‘t use function return value in write context in /目錄省略.../XXServ
REDIS實踐之請勿踩多程序共用一個例項連線的坑
最近在做一個主程序fork出多個子程序的專案時候,一開始,想在主程序之前 new redis出一個例項,讓fork出的多個子程序共用這個例項,但是總感覺有哪裡不妥! 思來想去,想到這麼個例子來證明這麼做的可怕性 首先在redis裡面建了一個 【1-8,除去4】的集合體 然
hive1.1版本中mapjoin踩到的一個坑
可以通過設定hive.auto.convert.join.noconditionaltask.size這個引數來將一個小表變成hashtable然後作為分散式快取檔案分發到各個worker節點,進而實現Map side join。map side join有許多優勢,顧名思
databing 踩的又一個坑
Error:Execution failed for task ':app:compileDebugJavaWithJavac'. > java.lang.RuntimeException: failure, see logs for details. Excepti
訪問進程環境變量environ時的一個坑
sde strcmp clas 執行 程序 表示 pri 而且 ptr 在unistd.h中定義了變量char **environ;來表示當前所有環境變量,一般來說訪問特定環境變量可以用getenv,但是想遍歷所有環境變量就得使用environ。 即在程序內全局聲明exte
踩了的Dockerfile的坑
命令操作 fig err caused roo dock 目錄 cto stat 1、Dockerfile VOLUME的目錄,RUN命令操作該目錄無效 VOLUME $APP_HOME RUN mkdir -p $APP_HOME && mkdir -
MVC Json方法裏的一個坑
hat intern 字符串處理 asp.net 其它 hide spa xxx hellip MVC Controller類下面有這樣一個方法 // // Summary: // Creates a Syste
從ftp上傳文件到hadoop的一個坑
hadoop執行如下命令,發現報錯[[email protected]/* */ ~]$ hadoop distcp ftp://ftp01:[email protected]/* *//test hdfs:///user/data Error: java.net.SocketExce
android studio中配置X5 webview時的一個坑
這也 default ips build 找到 沒有 androi lte sed 在接入X5的第二步中,需要配置so文件,這裏說一下遇到的坑 1. 需要把demo下載回來,不然你找不到so文件,找到so文件後放到自己相對應的目錄下邊,自己裏面那個目錄也沒有,所以和文件夾一
使用selenium時碰到的某一個坑
mon usr gsm 比較 a20 oar lnl bug tgz 如圖: 不明所以,完全不知道什麽情況,於是開始排除 1、瀏覽器 2、代碼 3、元素定位(其實跟這沒關系) 然後都不是!!! 原來是selenium版本問題!!! 原來我用的是3.4.3版本的,不行,代
關於UWP數據綁定的一個坑 x:bind修改為binding
bin markup led brush mar resource mic reg 一個 <Page x:Class="AlbumCoverMatchGame.MainPage" xmlns="http://schemas.microsoft.com/wi
efcore遇到的一個坑
ace font derby hit 12px 上線 lin core 原來 最近轉到EFCore做項目,發現了一個坑,在項目上線後發現隨著數據增加查詢速度越來越慢,發現原來是進行了全表查詢 原來的查詢 var orderCollect = (from a in ct
Java 字符串Split方法的一個坑
static pub view div nbsp lang ray 負數 pri java字符串的split,只傳一個參數,後面空白的字符串會被忽略: public static void main(String[] args) { String st
在模態框(Modal)中使用UEditor全屏顯示的一個坑
hub efi 粘貼 之前 ttr fine edit style sse 根據這個問題很簡單就能查到一些文章明確說明了解決問題的方法,就是如下一段代碼: var isModal = false; //判斷該dom是否為modal var classes = $(co