2024 年 5 月 3 日 我的频道
逆向思維
  • 2021
  • Sunny

真的好久沒有更新站点了,自动换了工作以来,每天的舟车劳顿让我疲倦不堪。昨天是休息天, 闲来没事就来自己的站点测试一下,结果发现了最不想见的情况出现。一直都是实现了点击弹出层,再点击复制,实现文字的转换,然后在后台恢复未点击时候的文字,原来只是一个“空壳”,只是随便一个连接可用,再次点击的时候就无法实现,找了半天也没有找到任何的原因。于是开始排查,在源码中查看,居然文字转换后没有任何的链接,只是文字而已。于是尝试重新编写,即使按照很多教程重新编写,效果也无法实现。尝试按照以下的代码进行,效果出来了,但是还是需要再次点击才能实现:

$(this).text(($(this).text() == 'Fold it') ? 'Expand it' : 'Fold it').fadeIn();

回想了半天才发觉,需要在不影响链接的情况下改变元素的文字,这样才能实现起来。有时候就是这么的奇妙,对着电脑你干不出来,离开电脑在床上、厕所,就能想起来。本来今天早上早早起来修复的,结果又因为赖床睡晚了,急匆匆的上班去,一直到下班回来才把代码修复。其实原理很简单,在连接的文字中增加一个元素就可以:

<a href="#"><label>链接</label></a>

按照上述规范,在文字外部增加一个元素 label,再利用 Jquery 实现点击后改变文字,然后设置在固定时间后文字恢复为未点击的时候就可以实现了。

有时候想的太复杂未必能实现,简单的,往往是最直接的!

本站主题已经更新到 v2.2.1 ,我们增加了相对多的实用功能,稍后会全面整理和大家分享!

JQUERY
1077
0

Author Box

名字:Sunny
注册:Jan 30, 2021
简介:技术菜鸟,拷贝、黏贴代码中 ……

Comment Box

0 0 投票数
Article Rating
订阅评论
提醒
guest

0 评论
内联反馈
查看所有评论