Не можете нажать на ссылку в jquery animated div? - PullRequest
Новая
       58

Не можете нажать на ссылку в jquery animated div?

0 голосов
/ 20 декабря 2011

У меня такая проблема:

У меня есть несколько div, которые анимированы с помощью jquery, и мне нужны ссылки в них. Я поставил ссылки в обычном "html a href's" ..

Есть ли способ сделать это возможным? Я искал в Интернете уже два дня и даже попросил учителя веб-дизайна, но мы не можем найти ничего полезного.

Это сайт, над которым я работаю:

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

Заранее спасибо!

Ответы [ 3 ]

0 голосов
/ 20 декабря 2011

Саша, я получил то, что хотел.Он предоставил некоторую информацию о досках «DISCOGRAFIE» и «BIO», которые скользят после щелчка из-за анимационного эффекта jquery.Я думаю, он хотел поставить ссылки на эти блоки.но после нажатия анимация запускается, а не вызывает событие щелчка гиперссылки.

Этого можно добиться с помощью эффекта onHover для всех необходимых ссылок.Так как событие onClick используется блоком анимации.Чтобы получить это, просто добавьте ниже код внутри document.ready из jQuery. 

$("a").hover(function(){
      var link=$(this).attr('href');
      location.redirect(link);
});
0 голосов
/ 20 декабря 2011

Вы должны проверить, является ли цель элементом "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');
        }
    });


});
0 голосов
/ 20 декабря 2011

Насколько я понял. Вы можете сделать это так. 

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