У меня есть плагин 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();
?
В этом примере вы бы гиперссылку, которая выглядела как , JQuery находит объекты с помощью селекторов css. В случае с # это id элемента dom. Таким образом, $ ("# foo") найдет элемент dom с id из foo. – JSager