用jQuery隐藏回头访客资料输入框
- 975 次检阅


首先简单说一说意图,用户第一次登陆时会出现用于填写评论者资料的框,当用户评论完成后,将会以 cookie 的方式记录评论者资料,一年后 cookie 自动清除,当用户再次评论时填写评论者资料的 div 将会隐藏,当用户点击“ Change ”时可以再次编辑评论者资料,同时 Change 字样会改为“ Finish ” ,点击 Finish 时填写评论者资料的 div 将会再次隐藏,同时 Change 字样将会改为 Change Again 。

以下是分步叙述如何使用 jQuery 实现以上效果,如果只想实现效果的童鞋可以直接看代码。

首先,我们要编辑comments.php,在类似于:

的评论者姓名输入框代码上方添加:

 

然后再把三个评论者姓名,电邮,网址的代码输入框用

包起来,到此,comments.php修改结束;

然后,新建一个名为inputhidden的js文件,把下面的代码放进去:

保存文件。

接着,我们要载入jQuery框架,因为我之前添加过Willin大师的Ajax嵌套回复,已经在footer.php添加过,所以这一步我可以省略,没有添加过的童鞋可以在footer.php中加入:

然后在下面继续添加:

这一步的先后顺序一定不能错,不然就无法成功。

OK,到此用jQuery隐藏回头访客资料输入框的全部操作就完成了,快试试去吧!Enjoy !

分享到:
,

这篇文章有3条评论

  1. NO:3284 / 發布於 - 2017-4-19 #1 回复

    看不懂,不知道如何下手

  2. NO:3282 / 發布於 - 2017-4-8 #2 回复

    我试试看看行不行。

发表评论