百度微信分享底部文字超出,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>

(这里通过绑定点击事件的方式调用分享,相关文章:绑定点击事件调用百度微信分享

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

李维山

帮到你就行 不差钱

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值