1. 程式人生 > >百度微信分享底部文字超出,setTimeout延時操作修改樣式

百度微信分享底部文字超出,setTimeout延時操作修改樣式

遇到樣式問題:百度分享的微信分享底部文字“開啟微信,點選底部的“發現”,使用“掃一掃”即可將網頁分享至朋友圈“超出,如下圖:

 檢視頁面元素,需要設定.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>

(這裡通過繫結點選事件的方式呼叫分享,相關文章:繫結點選事件呼叫百度微信分享