百度微信分享底部文字超出,setTimeout延時操作修改樣式
阿新 • • 發佈:2018-12-11
遇到樣式問題:百度分享的微信分享底部文字“開啟微信,點選底部的“發現”,使用“掃一掃”即可將網頁分享至朋友圈“超出,如下圖:
檢視頁面元素,需要設定.bd_weixin_popup .bd_weixin_popup_foot的行高,但是無論在頁面中寫css樣式,還是在呼叫分享生成二維碼後通過js修改樣式都不行,原因是二維碼還沒加載出來。
解決方法:通過js的setTimeout()方法延時執行,呼叫js函式來修改樣式,實現程式碼如下:
<script type="text/javascript"> var el = document.getElementById('wx_share'); //獲得分享按鈕元素 el.target = '_new'; //指定在新視窗開啟 el.click(); //繫結點選事件 生成二維碼 setTimeout("setcss()","100"); //延時執行自定義函式 設定樣式 function setcss(){ $('.bd_weixin_popup .bd_weixin_popup_foot').css('line-height','17px'); } </script>
(這裡通過繫結點選事件的方式呼叫分享,相關文章:繫結點選事件呼叫百度微信分享)