Question

嗨我有JQuery Toggle div工作，我把它设置为导航面板，需要阻止用户再次点击相同的链接，因为这会隐藏div留空页面。我想我试图挂钩所选的数据 - 目标（a）链接并禁用点击操作或防止争论，只对此选择目标。干杯P

这是我的代码：

$('.home').css({
    display: 'visible'
});

$('.contact').css({
    display: 'none'
});

var $targets = $('.target');

$('.navBtn').click(function () {
  var $target = $($(this).data('target')).fadeToggle('slow');
  $targets.not($target).fadeOut('slow');
});

和html：

<a class="navBtn" data-target=".home">
  <img src="img/icons/home.svg" width="100%" />
</a>
<a class="navBtn" data-target=".contact">
  <img src="assets/img/icons/message.svg" width="100%" />
</a>

Answer 1

如果您只需要显示元素而不是切换，请使用.fadeIn()

$('.navBtn').click(function () {
  var $target = $($(this).data('target')).fadeIn('slow');
  $targets.not($target).fadeOut('slow');
});

<强> Fiddle

JQ数据 - 目标（a）链接切换这个;防止e

1 个答案: