Jquery 划词显示分享按钮更新

十二月 20
磊子 2011年 4 条评论

之前写了篇关于Wordpress划词显示分享按钮的文章,作用就是鼠标选中一些文字后会显示出分享按钮出来。因为这个是用jquery写的,所以它不单单在wordpress可以使用。在其他静态页面或者开源系统中等等都可以使用。今天主要对这个功能做了一个小的修改,之前的那个效果有朋友说没有指定范围,这样只要在网页上面都会显示出这个按钮出来感觉不是很美观,所以今儿就针对这个给大家说一下。大家有不了解的先看下之前那篇文章http://www.favortt.com/wordpress-share-button.html

在划词显示分享按钮的文章中提供了下载地址,在里面有一个selectshare.js文件。我们找到第二十四行,这段代码

 $('html,body').mouseup(function(e) {

//我们只需要把html,body修改一下就可以了。

比如磊子网站目前是让它选中文章标题或者文章内容的时候显示分享按钮,那么我们需要找到标题和内容所使用html标签,找到之后把上面的html,body换掉如下代码.

$('#content .posttitle,#content .entry-content').mouseup(function(e) {

//#content .posttitle 是文章标题使用的html标签

//#content .entry-content 是文章内容使用的html标签

//中间要用逗号分开

这样我们就把显示分享按钮的范围缩小到标题和内容上面了,大家可以根据自己的显示地方来修改,查找标签的方法磊子比较喜欢火狐浏览器firebug插件,之前写过这方面的教程,

http://www.favortt.com/wordpress-theme-firebug.html

大家有兴趣的可以看看。

» 版权所有©转载必须以链接形式注明作者和原始出处:磊子的博客 » Jquery 划词显示分享按钮更新
» 地址:( Ctrl+C 复制 )
» 如果对本站感兴趣,请到网站右下方订阅本站,将为你带来更多精彩和实用的文章
» 如果您对这篇文章感兴趣,不妨小小的 捐助(Donate)一下博主吧,不管多少都是对博主最大的支持和鼓励哟,博主-磊子感谢大家的支持!!!

4 条留言 其中:访客:3 条, 博主:1 条

  1. 去掉了之前的格式美观多了!

  2. 哈哈,武天老施部署了一个应用——酷博客(cobokr),现在测试版本上线了:http://www.cobokr.com/ ,酷博客是独立博主传播文章、互访评论、友链交换的微博平台,加入酷博客后,博客文章自动同步到酷博客,被更多的人阅读、转载和评论。

    欢迎各位博主加入哈

说点什么吧




wireless earbuds moscow mule mugs bluetooth speakers waterproof camera best wireless earbuds best vacuum cleaner best drugstore foundation best dishwasher best waist trainer wireless headphones best vacuum 0594918 best bluetooth earbuds waterproof bluetooth speaker tattoo cover up action camera
订阅本站