Question

我遇到了这个问题：

我有一些用jquery动画的div，我需要一些链接。我把链接放在正常的“html a href's”..

有没有办法让这成为可能？我已经在互联网上搜索了两天，甚至问过老师的网页设计，但我们找不到任何有用的东西。

这是我正在处理的网站：

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

提前致谢！

Answer 1

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

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

Answer 2

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

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

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

Answer 3

您必须测试目标是否为“a”元素

我做了一个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');
        }
    });


});

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

3 个答案: