Question

我有一个包含4个链接的列表，我希望像行为一样提供标签。

点击一个链接后，我想将其转换为文本。然后，当点击不同的链接时，它应该变回可点击的链接。这会阻止某人点击两次，并向他们显示哪个链接处于活动状态。

代码如下所示：

<a href="">Link One</a>
<a href="">Link Two</a>
<a href="">Link Three</a>
<a href="">Link Four</a>

Answer 1

单击它时，你能不能给它一个类，例如

$('a').click(function(){
  if($(this).hasClass('active')) return; // this would stop any of the code below executing
  $('a').removeClass('active');
  $(this).addClass('active');
});

然后给活动类一个样式，使其看起来像文本

Answer 2

解决方案是为每个链接提供2个元素。一个是锚标签，另一个没有明文。

然后，当您点击它时，您可以隐藏带锚标记的那个，然后显示该链接的明文。

（将很快提出代码）

给出类似行为的链接列表

2 个答案: