JQ 数据目标 (a) 链接切换此项;防止 E.

Question

嗨，我

有 JQuery 切换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');
});

小提琴