2012-01-26 9 views
3

私はウェブサイトで働いているjqueryプラグインを持っていて、簡単な質問がありました... iPhoneのように見えるプラグインのスライド以下のために事前にスライドをスライドさせてロックを解除した後にリンクを有効にする... jquery

$(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

あなたがリンクしていた - あなたが行うと仮定すると:あなただけのURLにリダイレクトしたい場合は

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

を:

$("#well").fadeOut('fast',function(){ 
    window.location = 'http://www.foobar.com'; 
}); 
+1

その例では、あなたがのように見えたハイパーリンクを持っているでしょう。 JQueryはCSSセレクタを使ってオブジェクトを探します。 #の場合は、dom要素のidです。 $( "#foo")はidがfooのdom要素を見つけるでしょう。 – JSager