无法点击jquery动画div中的链接？

Question

我有这个问题：

我有一些div与jquery动画，我需要一些链接在他们。 我把链接在正常的“HTML HREF的”..

有没有办法让这成为可能？ 我一直在寻找互联网两天，甚至问老师的网页设计，但我们找不到任何有用的东西。提前

http://designchitchat.be/bart/vuurdood-site/

感谢：

这是网站我的工作！

Answer 1

你必须测试，如果目标是“一个”元素或不

我做了的jsfiddle，您可以测试我把链接“链接”框中

http://jsfiddle.net/7QJPH/5/

您还可以测试这个JavaScript，它只是用“链接”框中工作，你必须复制的其他部分

$(document).ready(function() { 
    $('#kogelclip').draggable(); 
    $('#vulpen').draggable(); 
    $('#bio').toggle(function() { 
     $(this).animate({ 
      top: '+=390' 
     }, { 
      duration: 750, 
      easing: 'swing' 
     }); 

    }, function() { 
     $(this).animate({ 
      top: '-=390' 
     }, { 
      duration: 750, 
      easing: 'swing' 
     }); 
    }); 



    $('#discografie').toggle(function() { 
     $(this).animate({ 
      left: '+=560' 
     }, { 
      duration: 750, 
      easing: 'swing' 
     }); 

    }, function() { 
     $(this).animate({ 
      left: '-=560' 
     }, { 
      duration: 750, 
      easing: 'swing' 
     }); 
    }); 
    $('#links').toggle(function(event) { 
     if (!$(event.target).is('a')) { 

      $(this).animate({ 
       right: '+=560' 
      }, { 
       duration: 750, 
       easing: 'swing' 
      }); 

     } else { 
      document.location.href = $(event.target).attr('href'); 
     } 
    }, function(event) { 
     if (!$(event.target).is('a')) { 
      $(this).animate({ 
       right: '-=560' 
      }, { 
       duration: 750, 
       easing: 'swing' 
      }); 
     } else { 
      document.location.href = $(event.target).attr('href'); 
     } 
    }); 


}); 

Answer 2

据我了解。你可以这样做。

<div style="width:100px;height:100px"> 
<a href="http://somesite.com" style="display:inline-block;width:100%;height:100%"></a> 
</div> 

Answer 3

萨沙，我得到了他想要的。他提供了一些关于'DISCOGRAFIE'和'BIO'板的信息，由于jquery的动画效果，它们在点击后滑动。我想，他想把链接放在这些块上。但点击后，动画被触发而不是调用超链接点击事件。

这可以通过对所有需要的链接使用onhover效果来实现。由于onClick事件正在被动画块使用。 为了得到这个，只需在jQuery的document.ready中添加下面的代码即可。

$("a").hover(function(){ 
     var link=$(this).attr('href'); 
     location.redirect(link); 
});