активировать ссылку после слайда, чтобы разблокировать ... jquery - PullRequest
3 голосов
/ 26 января 2012

У меня есть плагин jquery, с которым я работаю для веб-сайта, и у меня был быстрый вопрос ... Это плагин "слайд для разблокировки", который выглядит так же, как iPhone ... Мне было интересно, как я позволюлюди, чтобы сдвинуть кнопку разблокировки, а затем будут перенаправлены на ссылку после завершения слайда ... Вот исходный код, с которым я работаю:

$(function() {

$("#slider").draggable({
    axis: 'x',
    containment: 'parent',
    drag: function(event, ui) {
        if (ui.position.left > 550) {
            $("#well").fadeOut();
        } else {
            // Apparently Safari isn't allowing partial opacity on text with background clip? Not sure.
            // $("h2 span").css("opacity", 100 - (ui.position.left / 5))
        }
    },
    stop: function(event, ui) {
        if (ui.position.left < 551) {
            $(this).animate({
                left: 0
            })
        }
    }
});

$('#slider')[0].addEventListener('touchmove', function(event) {
    event.preventDefault();
    var el = event.target;
    var touch = event.touches[0];
    curX = touch.pageX - this.offsetLeft - 73;
    if(curX <= 0) return;
    if(curX > 550){
        $('#well').fadeOut();
    }
    el.style.webkitTransform = 'translateX(' + curX + 'px)'; 
}, false);

$('#slider')[0].addEventListener('touchend', function(event) {  
    this.style.webkitTransition = '-webkit-transform 0.3s ease-in';
    this.addEventListener( 'webkitTransitionEnd', function( event ) { this.style.webkitTransition = 'none'; }, false );
    this.style.webkitTransform = 'translateX(0px)';
}, false);

});

заранее спасибо за помощь, я не совсемэксперт по JavaScript, но я думаю, что это должно быть после $("#well").fadeOut();?

1 Ответ

1 голос
/ 26 января 2012

Вы сказали, что у вас есть ссылка - при условии, что вы делаете:

$("#well").fadeOut('fast',function(){
    window.location = $('#myLink').attr('href');
});

Если вы просто хотите перенаправить на URL:

$("#well").fadeOut('fast',function(){
    window.location = 'http://www.foobar.com';
});
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...