如何解决给出类似行为的链接选项卡列表
| 我有4个链接的列表,我想给它们提供类似行为的标签。 单击一个链接后,我只想将其转换为文本。然后,当单击其他链接时,它应重新变成可点击的链接。这样可以防止有人单击两次,并向他们显示哪个链接处于活动状态。 代码如下:<a href=\"\">Link One</a>
<a href=\"\">Link Two</a>
<a href=\"\">Link Three</a>
<a href=\"\">Link Four</a>
解决方法
您点击它时是否只能给它一个类,例如
$(\'a\').click(function(){
if($(this).hasClass(\'active\')) return; // this would stop any of the code below executing
$(\'a\').removeClass(\'active\');
$(this).addClass(\'active\');
});
然后给活动类一个样式,使其看起来像文本
, 一种解决方案是每个链接具有2个元素。一个带有锚标记,另一个不带明文标记。
然后,当您单击它时,可以隐藏带有锚标签的标签,然后显示该链接的纯文本。
(将很快为此提供代码)
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。