Question

<script type="text/javascript">
  links_disabled = false;

  $('a').click(function(e){
    links_disabled = (links_disabled ? false : true);
  });
</script>

我的链接：

<a href="/board/take_turn?id=131&x=0&y=2" data-remote="true" onclick="return links_disabled;">
  <div class="ttt_square"> 
    &nbsp;
  </div>
</a>

我想要做的是当我点击上面的链接时，我希望它禁用其余的链接。我是在正确的轨道上吗？

Answer 1

除了在<div>内加<a>之外，是的：看起来你走在正确的轨道上。

当然，当您点击链接时，您正在交换links_disabled，这可能无法满足您的需求...

Answer 2

// initialize to false
var links_disabled = false;

// bind to a link click
$('a').click(function(){
  // reverse the value of the disabled variable
  links_disabled = !links_disabled;

  // return the result (no need for it to go in markup as
  // jQuery is already handling this)
  return links_disabled;
});

然后是HTML

<!-- no longer need for onClick, jQuery is already binding to this event -->
<a href="/link/to/file">Some Link</a>

Answer 3

试试这个：

http://jsfiddle.net/seamusjr/X7Y9w/3/embedded/result/

基本上我把链接放在一个nav元素中，所以他们是兄弟姐妹当我单击它时，它会从自身中删除禁用的attr和className，并将其应用于其兄弟链接。

需要有关javascript禁用/启用的帮助

3 个答案: