位置: 编程技术 - 正文

使用jQuery实现WordPress中的Ctrl+Enter和@评论回复(使用JQuery实现简单的拼图网页)

编辑:rootadmin

推荐整理分享使用jQuery实现WordPress中的Ctrl+Enter和@评论回复(使用JQuery实现简单的拼图网页),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:使用jquery实现的项目,jquery w3c,jquery weui,jquery w3c,jquery width,jquery w3c,使用JQuery实现简单的拼图网页,怎样使用jquery,内容如对您有帮助,希望把文章链接给更多的朋友!

添加 Ctrl+Enter 快捷回复这里送上两种方法,首先是 jQuery 方法,前段时间一直在研究 jQuery ,因此对 jQuery 方法比较熟悉,如果你的主题本来已经加载 jQuery 库,建议你使用下面的方法。

把这段代码加入 js 文件中,如果你已经加载 jQuery ,现在就可以使用 Ctrl+Enter 进行快捷回复。

解释一下代码,在 chrome 等现代浏览器中, js 是使用 e.which == 判断 Enter ,在 ie6 中, js 是使用 e.which == 判断 Enter 。

另一种方法:在 comments.php 中找到一段类似以下代码(即评论框的代码),

替换为以下的一段代码:

实现 Ctrl+Enter 快捷回复的原理跟 jQuery 版的差不多,这里就不作详细解释了。

实现 @回复 在回复时带有“ @ ”的功能大家应该不陌生了,在微博, BBS 中都可以见到“ @ ”的身影,连腾讯的 Qzone 也加入了“ @回复 ”的功能。的确,“ @回复 ”使到回复的对象更加清晰了,对于多重回复效果更加明显。

使用jQuery实现WordPress中的Ctrl+Enter和@评论回复(使用JQuery实现简单的拼图网页)

但是, WordPress 的评论模板中并没有自带这个功能,因此我们需要手动添加进去,其实这个功能在 WordPress 中已经比较流行了,不少主题中都带有这个功能,实现的原理也有多种,而我在本文中介绍的是 jQuery 实现的方法,由于网上流传的文章大多都是直接给出 jQuery 代码,没有详细的解释,而不同的网站 DOM 不一定相同,因此不熟悉 jQuery 的童鞋在使用 jQuery 实现“ @回复 ”时可能会出现各种问题。

1.加载 jQuery 库,可以直接用 google 的。

2. jQuery 代码,可以直接放到 js 文件中。

3.解释 jQuery 代码

在实现“ @回复 ”中,关键是获取所要回复的对象的 id 和昵称,因此定义了两个量 atid , atname ,分别用于保存所要回复的对象的 id 和昵称。当用户用鼠标单击 .comment-reply-link 后jQuery会获取其上两级父元素的 id 属性,保存在量 atid 中,然后在其父元素的子辈元素中寻找 .comment_author ,并获取其内容保存在 atname 中。或许上面的描述较难理解,下面再用图片说明一下!

要获取用户 id ,首先需要了解评论部分的 DOM 结构,以 Melody 为例,用 Firebug 查看其一条评论的部分 HTML ,

看了图相信童鞋们应该大概明白了, .comment-reply-link 的上两级父元素包含回复者的 id ,因此可以在这里获取回复者的id,而在 .comment-reply-link 的同辈元素中包含了用户的昵称,看到这里相信各位童鞋再看看上面的 jQuery 代码应该不难理解了!

我们首先应该知道自己的评论模板在哪里有输出回复者的 id ,在哪里有输出回复者的昵称,然后用 jQuery 的选择器即可以获取相关的数据。

jQuery DataTables插件自定义Ajax分页实例解析 一、问题描述园友是做前端的,产品经理要求他使用jQueryDataTables插件显示一个列表,要实现分类效果。后端的分页接口已经写好了,不涉及条件查询,

jQuery实现摸拟alert提示框 页面调用JS:$(document).ready(function(){$("#delete_without_layer").click(function(){$.tConfirm.open({body:'Areyousuretodelete',type:'confirm',onOk:function(){alert("yes");}});});$("#delete_with_la

jQuery中选择器的基础使用教程 其实选择器就像开罐器一样,会用这个工具的人,自然吃的到甜头,但不会用这个工具的人,不管罐头里面的面筋土豆有多美味,吃不到就是吃不到,

标签: 使用JQuery实现简单的拼图网页

本文链接地址:https://www.jiuchutong.com/biancheng/387230.html 转载请保留说明!

上一篇:jQuery插件pagination实现无刷新分页(jQuery插件使用)

下一篇:jQuery DataTables插件自定义Ajax分页实例解析(jquery datatable排序)

  • 小规模纳税人和一般纳税人哪个划算
  • 长期股权投资产生的投资收益属不属于非经常性损益
  • 应纳税额等于已缴税额
  • 金税盘服务费怎么抵扣税
  • 库存现金是负数怎么调
  • 销售商品收到的银行本票
  • 营业外收支计入哪里
  • 遗失的发票可以补开吗
  • 过路费报销单怎么填写图片
  • 预缴税款缴多了怎么办
  • 企业接收供应商赠品怎么正确的入账?
  • 库存商品盘盈盘亏表
  • 如何查询分公司开户行
  • 什么是股息红利扣税
  • 财产租赁合同印花税申报期限
  • 外籍人员劳务费税率表
  • 企事业承包承租方缴纳的管理费税费
  • 增值税税率
  • 营业成本包括哪些会计科目
  • 个体工商户变更法人
  • 公司备用金可以取多少
  • 增值税发票和进项发票什么意思
  • 预计负债的计量,如何确定最佳估计数
  • mac苹果系统怎么用
  • 出租商品计入什么科目
  • 意外保险费是什么意思
  • staruml教程
  • ai绘图素材
  • 扣缴个人所得税报告表在哪里打印
  • vue实现瀑布流布局
  • Vue--》Vue3打造可扩展的项目管理系统后台的完整指南(一)
  • 开票缴纳的1%个税是多少
  • 知识图谱ui
  • user-interface console 0 指令无效
  • 机械设备大修标准
  • 微擎框架下载
  • 调整汇兑损益的摘要怎么写?
  • 企业支付的一次性就业补助金
  • 本年利润的会计分录怎么做
  • 所得税汇算清缴调整后要账务处理吗
  • 外购商品发放给员工 进项税额能不能抵扣
  • sql server临时表的生命周期
  • 外汇增值税是怎样计算
  • 出口退税后发生退货补缴怎么算增值税
  • 租赁行业出租方要交税吗
  • 本年利润在明细里怎么填
  • 长期借款计提利息会计分录怎么做
  • 怎么查企业适用的会计准则
  • 预付款项给供应商合法吗
  • mysql有外键数据输入
  • 远程连接局域网电脑
  • mysql默认8小时自动断开
  • xp系统打开浏览器没反应
  • ubuntu20.04怎么安装
  • macbookair切换桌面
  • 电脑连接宽带时出错怎么办
  • 双系统麻烦吗
  • 笔记本win8.1怎么重装系统
  • win7 系统没有声音
  • cocos2d教程
  • 用python写一个学生信息管理系统
  • android遇到的难题
  • jquery可以实现哪些效果
  • unity at
  • unity-3d
  • android下载文件保存到本地
  • python ping检测
  • 微信收款商业版和个人经营收款码区别
  • 广州市地方税务局规费服务中心
  • 通用机油防伪查询
  • 纳税人接受教育
  • 南京市国家税务局
  • 甘肃税务局电子税务局官网
  • 国家税务总局网址
  • 税务稽查团队
  • 集体土地征收应该有哪些文件
  • 留底税额怎么写分录
  • 企业年度申报怎么修改
  • 电子税务局备案财务会计制度
  • 内蒙古包头东河机场
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设