jquery animated divのリンクをクリックできませんか？

Question

私はこの問題を抱えています：

jqueryでアニメーション化されているdivがいくつかあり、それらにいくつかのリンクが必要です。 私はリンクを通常の "html a href"に入れます..

これを可能にする方法はありますか？ 私は2日間インターネットを検索していましたし、教師のウェブデザインに尋ねたこともありましたが、役に立たないものは見つかりませんでした。

これは私が働いているサイトです。事前に

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

サーシャ、私は彼が望むものを得ました。彼は、jqueryのアニメーション効果のためにクリックした後にスライドしている 'DISCOGRAFIE'と 'BIO'ボードに関するいくつかの情報を提供しました。私は、これらのブロックにリンクを張りたいと思っています。クリック後、ハイパーリンククリックイベントを呼び出すのではなく、アニメーションがトリガーされています。

これは、必要なすべてのリンクに対してonHoverエフェクトを使用することで実現できます。 onClickイベントがアニメーションブロックで使用されているため。 これを取得するには、以下のコードをjQueryのdocument.ready内に追加してください。

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