05.06.2018, 08:57
|
|
Новичок на форуме
|
|
Регистрация: 05.06.2018
Сообщений: 6
|
|
|
gesturestart gesturechange gestureend + swipebox
Доброго времени суток.
Использую слайдер swipebox, необходимо, чтобы при увеличении/уменьшении (масштабировании) страницы пальцами(щепотка) на мобильных устройствах определенные элементы скрывались.
scale - не определяется (scale: undefined)
Подскажите, пожалуйста, что не так или куда копать?
$( '.touching' ).bind("gesturestart gesturechange gestureend", function(event){
event.preventDefault();
event.stopPropagation();
var scale = event.originalEvent.scale;
if (scale < 1.0) {
vid=0;
} else if (scale > 1.0) {
vid=0;
} else {
vid=1;
}
} );
|
|
05.06.2018, 09:22
|
 |
Профессор
|
|
Регистрация: 01.12.2016
Сообщений: 3,650
|
|
|
Суда бы полноценный макет, чтобы участники смогли просто внести правку, а не искать слайдер, делать макет...
|
|
05.06.2018, 09:36
|
|
Новичок на форуме
|
|
Регистрация: 05.06.2018
Сообщений: 6
|
|
Листинг кода 1
;( function ( window, document, $, undefined ) {
$.swipebox = function( elem, options ) {
// Default options
var ui,
defaults = {
useSVG: true,
useCSS: true, // false заставит использовать jQuery для анимации
initialIndexOnArray: 0, // индекс изображения для инициализации при передаче массива
removeBarsOnMobile: true, // false отобразит верхнюю панель навигации на мобильных устройствах
hideCloseButtonOnMobile: true, // true скроет кнопку закрытия на мобильных устройствах
hideBarsDelay: 0, // задержка перед скрытием баров на рабочем столе
videoMaxWidth: 1140, // максимальная ширина видео
beforeOpen: function(){} , // до открытия
afterOpen: null, // после открытия
afterClose: function(){}, // после закрытия
afterMedia: function(){}, // после загрузки носителя
nextSlide: 'next',
prevSlide: 'prev',
loopAtEnd: true, // true вернется к первому изображению после достижения последнего изображения
autoplayVideos: false, // true будет автоматически воспроизводить видео Youtube и Vimeo
queryStringData: {}, // простой объект с настраиваемыми аргументами строки запроса для передачи / переопределения для URL-адресов видео,
toggleClassOnLoad: '' // CSS-класс, который может быть переключен при загрузке слайда (например, «скрытый» Bootstrap)
},
plugin = this,
elements = [], // slides array [ { href:'...', title:'...' }, ...],
$elem,
selector = elem.selector,
$selector = $( selector ),
isMobile = navigator.userAgent.match( /(iPad)|(iPhone)|(iPod)|(Android)|(PlayBook)|(BB10)|(BlackBerry)|(Opera Mini)|(IEMobile)|(webOS)|(MeeGo)/i ),
isTouch = isMobile !== null || document.createTouch !== undefined || ( 'ontouchstart' in window ) || ( 'onmsgesturechange' in window ) || navigator.msMaxTouchPoints,
supportSVG = !! document.createElementNS && !! document.createElementNS( 'http://www.w3.org/2000/svg', 'svg').createSVGRect,
winWidth = window.innerWidth ? window.innerWidth : $( window ).width(),
winHeight = window.innerHeight ? window.innerHeight : $( window ).height(),
/* jshint multistr: true */
html = '<div id="swipebox-overlay">\
<div id="swipebox-slider"></div>\
<div id="swipebox-caption"></div>\
<div id="swipebox-action">\
<a id="swipebox-prev" class="slide-kn-prev"></a>\
<a id="swipebox-next" class="slide-kn-next"></a>\
</div>\
<div id="cena-slide" class="slide-cena-art"></div>\
<div id="art-slider-caption"></div>\
<a id="art-kn-slide-kupit" class="slp art-slide-zakrit" href="#slp"><div>Купить в 1 клик</div></a>\
<a id="art-kn-slide-close" class="art-slide-zakrit"><div><img src="/catalog/view/javascript/jquery/swipebox/source/img/kr.png"></div></a>\
<a id="art-kn-slide-close1" class="art-slide-zakrit"><div><img src="/catalog/view/javascript/jquery/swipebox/source/img/times.png"></div></a>\
<a id="art-kn-slide-prev" class="slide-kn-prev"><div class="art-kn-slide-prev"><img src="catalog/view/javascript/jquery/swipebox/source/img/chevron-left.png"></div></a>\
<a id="art-kn-slide-next" class="slide-kn-next"><div class="art-kn-slide-next">\
<img src="catalog/view/javascript/jquery/swipebox/source/img/chevron-right.png"></div></a>\
<a id="art-kn-slide-tel-a" class="telo-sl" href=""><div></div></a>\
</div>';
plugin.settings = {};
plugin.init = function() {
plugin.settings = $.extend( {}, defaults, options );
if ( $.isArray( elem ) ) {
elements = elem;
ui.target = $( window );
ui.init( plugin.settings.initialIndexOnArray );
} else {
$( document ).on( 'click', selector, function( event ) {
// console.log( isTouch );
if ( event.target.parentNode.className === 'slide current' ) {
return false;
}
if ( ! $.isArray( elem ) ) {
ui.destroy();
$elem = $( selector );
ui.actions();
}
elements = [];
var index , relType, relVal;
// Allow for HTML5 compliant attribute before legacy use of rel
if ( ! relVal ) {
relType = 'data-rel';
relVal = $( this ).attr( relType );
}
if ( ! relVal ) {
relType = 'rel';
relVal = $( this ).attr( relType );
}
if ( relVal && relVal !== '' && relVal !== 'nofollow' ) {
$elem = $selector.filter( '[' + relType + '="' + relVal + '"]' );
} else {
$elem = $( selector );
}
$elem.each( function() {
var title = null,
href = null;
if ( $( this ).attr( 'title' ) ) {
title = $( this ).attr( 'title' );
}
if ( $( this ).attr( 'href' ) ) {
href = $( this ).attr( 'href' );
}
elements.push( {
href: href,
title: title
} );
} );
index = $elem.index( $( this ) );
event.preventDefault();
event.stopPropagation();
ui.target = $( event.target );
ui.init( index );
} );
}
};
ui = {
/**
* Initiate Swipebox
*/
init : function( index ) {
if ( plugin.settings.beforeOpen ) {
plugin.settings.beforeOpen();
}
this.target.trigger( 'swipebox-start' );
$.swipebox.isOpen = true;
this.build();
this.openSlide( index );
this.openMedia( index );
this.preloadMedia( index+1 );
this.preloadMedia( index-1 );
if ( plugin.settings.afterOpen ) {
plugin.settings.afterOpen();
}
},
/**
* Built HTML containers and fire main functions
*/
build : function () {
var $this = this, bg;
$( 'body' ).append( html );
if ( $this.doCssTrans() ) {
$( '#swipebox-slider' ).css( {
'-webkit-transition' : 'left 0.4s ease',
'-moz-transition' : 'left 0.4s ease',
'-o-transition' : 'left 0.4s ease',
'-khtml-transition' : 'left 0.4s ease',
'transition' : 'left 0.4s ease'
} );
$( '#swipebox-overlay' ).css( {
'-webkit-transition' : 'opacity 1s ease',
'-moz-transition' : 'opacity 1s ease',
'-o-transition' : 'opacity 1s ease',
'-khtml-transition' : 'opacity 1s ease',
'transition' : 'opacity 1s ease'
} );
$( '#swipebox-action, #swipebox-caption, #art-kn-slide-tel-a, #art-kn-slide-close' ).css( {
'-webkit-transition' : '0.5s',
'-moz-transition' : '0.5s',
'-o-transition' : '0.5s',
'-khtml-transition' : '0.5s',
'transition' : '0.5s'
} );
}
if ( supportSVG && plugin.settings.useSVG === true ) {
$( '#swipebox-action #swipebox-prev,#swipebox-action #swipebox-next' ).css( {
'background-image' : bg
} );
}
if ( isMobile && plugin.settings.hideBarsOnMobile === true ) {
$( '#swipebox-action, #swipebox-caption, #art-kn-slide-close' ).hide();
}
$.each( elements, function() {
$( '#swipebox-slider' ).append( '<div class="slide"></div>' );
} );
$this.setDim();
$this.actions();
if ( isTouch ) {
$this.gesture();
}
// Devices can have both touch and keyboard input so always allow key events
$this.keyboard();
$this.animBars();
$this.resize();
},
/**
* Set dimensions depending on windows width and height
*/
setDim : function () {
var width, height, sliderCss = {};
// Reset dimensions on mobile orientation change
if ( 'onorientationchange' in window ) {
window.addEventListener( 'orientationchange', function() {
if ( window.orientation === 0 ) {
width = winWidth;
height = winHeight;
} else if ( window.orientation === 90 || window.orientation === -90 ) {
width = winHeight;
height = winWidth;
}
}, false );
} else {
width = window.innerWidth ? window.innerWidth : $( window ).width();
height = window.innerHeight ? window.innerHeight : $( window ).height();
}
sliderCss = {
width : width,
height : height
};
$( '#swipebox-overlay' ).css( sliderCss );
},
/**
* Reset dimensions on window resize envent
*/
resize : function () {
var $this = this;
$( window ).resize( function() {
$this.setDim();
} ).resize();
},
/**
* Check if device supports CSS transitions
*/
supportTransition : function () {
var prefixes = 'transition WebkitTransition MozTransition OTransition msTransition KhtmlTransition'.split( ' ' ),
i;
for ( i = 0; i < prefixes.length; i++ ) {
if ( document.createElement( 'div' ).style[ prefixes[i] ] !== undefined ) {
return prefixes[i];
}
}
return false;
},
|
|
05.06.2018, 09:38
|
|
Новичок на форуме
|
|
Регистрация: 05.06.2018
Сообщений: 6
|
|
Листинг кода 2
/**
* Check if CSS transitions are allowed (options + devicesupport)
*/
doCssTrans : function () {
if ( plugin.settings.useCSS && this.supportTransition() ) {
return true;
}
},
/**
* Touch navigation
*/
gesture : function () {
var $this = this,
dist = 0,
vid = 1,
distX = 0,
distY = 0,
zoomst = 0,
zoom = 0,
scale = 1.0,
distance = null,
vDistance = null,
vSwipe = false,
swipMinDistance = 50,
vSwipMinDistance = 150,
startCoords = {},
endCoords = {},
bars = $( '#swipebox-caption, #swipebox-action, #art-kn-slide-close, #art-kn-slide-tel-a' ),
slider = $( '#swipebox-slider' );
bars.addClass( 'visible-bars' );
$this.setTimeout();
$( 'body' ).bind( 'touchstart', function( event ) {
$( this ).addClass( 'touching' );
endCoords = event.originalEvent.targetTouches[0];
startCoords.pageX = event.originalEvent.targetTouches[0].pageX;
startCoords.pageY = event.originalEvent.targetTouches[0].pageY;
$( '.touching' ).bind("gesturestart gesturechange gestureend", function(event){
event.preventDefault();
event.stopPropagation();
var scale = event.originalEvent.scale;
if (scale < 1.0) {
vid=0;
} else if (scale > 1.0) {
vid=0;
} else {
vid=1;
}
});
$( '.touching' ).bind( 'touchmove',function( event ) {
event.preventDefault();
event.stopPropagation();
endCoords = event.originalEvent.targetTouches[0];
if ( plugin.settings.closeBySwipe ) {
vDistance = endCoords.pageY - startCoords.pageY;
if ( Math.abs( vDistance ) >= vSwipMinDistance || vSwipe ) {
var opacity = 0.75 - Math.abs(vDistance) / slider.height();
slider.css( { 'top': vDistance + 'px' } );
slider.css( { 'opacity': opacity } );
vSwipe = true;
}
}
if (event.originalEvent.targetTouches[0].pageY > startCoords.pageY) {
distY=event.originalEvent.targetTouches[0].pageY-startCoords.pageY;
} else {
distY=startCoords.pageY-event.originalEvent.targetTouches[0].pageY;
}
if (event.originalEvent.targetTouches[0].pageX > startCoords.pageX) {
distX=event.originalEvent.targetTouches[0].pageX-startCoords.pageX;
} else {
distX=startCoords.pageX-event.originalEvent.targetTouches[0].pageX;
}
} );
return false;
} ).bind( 'touchend',function( event ) {
event.preventDefault();
event.stopPropagation();
if ( plugin.settings.closeBySwipe ) {
if ( slider.css( 'opacity' ) <= 0.5) {
var vOffset = vDistance > 0 ? slider.height() : - slider.height();
slider.animate( { top: vOffset + 'px', 'opacity': 0 },
300,
function () {
$this.closeSlide();
} );
} else {
slider.animate( { top: 0, 'opacity': 1 }, 300 );
}
if ( vSwipe ) {
vSwipe = false;
return;
}
}
distance = endCoords.pageX - startCoords.pageX;
if (vid==1) {
if ( distance >= swipMinDistance ) {
// swipeLeft
$this.getPrev();
} else if ( distance <= - swipMinDistance ) {
// swipeRight
$this.getNext();
} else {
// tap
if ( ! bars.hasClass( 'visible-bars' ) ) {
$this.showBars();
$this.setTimeout();
} else {
$this.clearTimeout();
$this.hideBars();
}
}
}
$( '.touching' ).off( 'touchmove' ).removeClass( 'touching' );
} );
},
/**
* Set timer to hide the action bars
*/
setTimeout: function () {
if ( plugin.settings.hideBarsDelay > 0 ) {
var $this = this;
$this.clearTimeout();
$this.timeout = window.setTimeout( function() {
$this.hideBars();
},
plugin.settings.hideBarsDelay
);
}
},
/**
* Clear timer
*/
clearTimeout: function () {
window.clearTimeout( this.timeout );
this.timeout = null;
},
/**
* Show navigation and title bars
*/
showBars : function () {
var bars = $( '#swipebox-caption, #swipebox-action, #art-kn-slide-close, #art-kn-slide-tel-a' );
if ( this.doCssTrans() ) {
bars.addClass( 'visible-bars' );
} else {
$( '#swipebox-caption' ).animate( { top : 0 }, 500 );
$( '#swipebox-action' ).animate( { bottom : 0 }, 500 );
$( '#art-kn-slide-close' ).animate( { top : 0 }, 1500 );
$( '#art-kn-slide-tel-a' ).animate( { bottom : '-50px' }, 500 );
setTimeout( function() {
bars.addClass( 'visible-bars' );
}, 1000 );
}
},
/**
* Hide navigation and title bars
*/
hideBars : function () {
var bars = $( '#swipebox-caption, #swipebox-action, #art-kn-slide-close, #art-kn-slide-tel-a' );
if ( this.doCssTrans() ) {
bars.removeClass( 'visible-bars' );
} else {
$( '#swipebox-caption' ).animate( { top : '-50px' }, 500 );
$( '#swipebox-action' ).animate( { bottom : '-50px' }, 500 );
$( '#art-kn-slide-close' ).animate( { top : '-50px' }, 1500 );
$( '#art-kn-slide-tel-a' ).animate( { bottom : 0 }, 500 );
setTimeout( function() {
bars.removeClass( 'visible-bars' );
}, 1000 );
}
},
/**
* Animate navigation and top bars
*/
animBars : function () {
var $this = this,
bars = $( '#swipebox-caption, #swipebox-action, #art-kn-slide-tel-a, #art-kn-slide-close' );
bars.addClass( 'visible-bars' );
$this.setTimeout();
$( '#swipebox-slider' ).click( function() {
if ( ! bars.hasClass( 'visible-bars' ) ) {
$this.showBars();
//$this.setTimeout();
} else { bars.removeClass( 'visible-bars' ); }
} );
$( '#swipebox-action' ).hover( function() {
$this.showBars();
bars.addClass( 'visible-bars' );
$this.clearTimeout();
}, function() {
bars.removeClass( 'visible-bars' );
$this.setTimeout();
} );
},
/**
* Keyboard navigation
*/
keyboard : function () {
var $this = this;
$( window ).bind( 'keyup', function( event ) {
event.preventDefault();
event.stopPropagation();
if ( event.keyCode === 37 ) {
$this.getPrev();
} else if ( event.keyCode === 39 ) {
$this.getNext();
} else if ( event.keyCode === 27 ) {
$this.closeSlide();
}
} );
},
/**
* Navigation events : go to next slide, go to prevous slide and close
*/
actions : function () {
var $this = this,
action = 'touchend click'; // Just detect for both event types to allow for multi-input
if ( elements.length < 2 ) {
$( '.slide-kn-next, .slide-kn-prev' ).hide();
} else {
$( '.slide-kn-prev' ).bind( action, function( event ) {
event.preventDefault();
event.stopPropagation();
$this.getPrev();
$this.setTimeout();
} );
$( '.slide-kn-next' ).bind( action, function( event ) {
event.preventDefault();
event.stopPropagation();
$this.getNext();
$this.setTimeout();
} );
}
$( '.art-slide-zakrit' ).bind( action, function() {
$this.closeSlide();
return false;
} );
if ( elements.length < 2 ) {
$( '.slide-kn-next, .slide-kn-prev' ).hide();
}
},
/**
* Set current slide
*/
setSlide : function ( index, isFirst ) {
isFirst = isFirst || false;
var slider = $( '#swipebox-slider' );
if ( this.doCssTrans() ) {
slider.css( { left : ( -index*100 )+'%' } );
} else {
slider.animate( { left : ( -index*100 )+'%' } );
}
$( '#swipebox-slider .slide' ).removeClass( 'current' );
$( '#swipebox-slider .slide' ).eq( index ).addClass( 'current' );
this.setTitle( index );
if ( isFirst ) {
slider.fadeIn();
}
$( '#art-kn-slide-next, #art-kn-slide-prev, #swipebox-prev, #swipebox-next' ).removeClass( 'disabled' );
if ( index === 0 ) {
$( '.slide-kn-prev' ).addClass( 'disabled' );
} else if ( index === elements.length - 1 ) {
$( '.slide-kn-next' ).addClass( 'disabled' );
}
},
/**
* Open slide
*/
openSlide : function ( index ) {
$( 'html' ).addClass( 'swipebox-html' );
if ( isTouch ) {
$( 'html' ).addClass( 'swipebox-touch' );
}
$( window ).trigger( 'resize' ); // fix scroll bar visibility on desktop
this.setSlide( index, true );
},
/**
* Set a time out if the media is a video
*/
preloadMedia : function ( index ) {
var $this = this,
src = null;
if ( elements[index] !== undefined ) {
src = elements[index].href;
}
if ( ! $this.isVideo( src ) ) {
setTimeout( function() {
$this.openMedia( index );
}, 1000);
} else {
$this.openMedia( index );
}
},
|
|
05.06.2018, 09:38
|
 |
Профессор
|
|
Регистрация: 27.05.2010
Сообщений: 33,128
|
|
spik,
Пожалуйста, отформатируйте свой код!
Для этого его можно заключить в специальные теги: js/css/html и т.п., например:
[js]
... ваш код...
[/js]
О том, как вставить в сообщение исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте http://javascript.ru/formatting.
|
|
05.06.2018, 09:38
|
|
Новичок на форуме
|
|
Регистрация: 05.06.2018
Сообщений: 6
|
|
Листинг кода 3
/**
* Open
*/
openMedia : function ( index ) {
var $this = this,
src = null;
if ( elements[index] !== undefined ) {
src = elements[index].href;
}
if (index < 0 || index >= elements.length) {
return false;
}
if ( ! $this.isVideo( src ) ) {
$this.loadMedia( src, function() {
$( '#swipebox-slider .slide' ).eq( index ).html( this );
} );
} else {
$( '#swipebox-slider .slide' ).eq( index ).html( $this.getVideo( src ) );
}
},
/**
* Set link title attribute as caption
*/
setTitle : function ( index ) {
var title = null;
$( '#swipebox-caption' ).empty();
$( '#art-slider-caption' ).empty();
if ( elements[index] !== undefined ) {
title = elements[index].title;
}
if ( title ) {
$( '#swipebox-caption' ).append( title );
$( '#art-slider-caption' ).append( title );
}
},
/**
* Check if the URL is a video
*/
isVideo : function ( src ) {
if ( src ) {
if ( src.match( /youtube\.com\/watch\?v=([a-zA-Z0-9\-_]+)/) || src.match( /vimeo\.com\/([0-9]*)/ ) || src.match( /youtu\.be\/([a-zA-Z0-9\-_]+)/ ) ) {
return true;
}
}
},
/**
* Get video iframe code from URL
*/
getVideo : function( url ) {
var iframe = '',
youtubeUrl = url.match( /watch\?v=([a-zA-Z0-9\-_]+)/ ),
youtubeShortUrl = url.match(/youtu\.be\/([a-zA-Z0-9\-_]+)/),
vimeoUrl = url.match( /vimeo\.com\/([0-9]*)/ );
if ( youtubeUrl || youtubeShortUrl) {
if ( youtubeShortUrl ) {
youtubeUrl = youtubeShortUrl;
}
iframe = '<iframe width="560" height="315" src="//www.youtube.com/embed/' + youtubeUrl[1] + '" frameborder="0" allowfullscreen></iframe>';
} else if ( vimeoUrl ) {
iframe = '<iframe width="560" height="315" src="//player.vimeo.com/video/' + vimeoUrl[1] + '?byline=0&portrait=0&color='+plugin.settings.vimeoColor+'" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>';
}
return '<div class="swipebox-video-container" style="max-width:' + plugin.settings.videomaxWidth + 'px"><div class="swipebox-video">'+iframe+'</div></div>';
},
/**
* Load image
*/
loadMedia : function ( src, callback ) {
if ( ! this.isVideo( src ) ) {
var img = $( '<img>' ).on( 'load', function() {
callback.call( img );
} );
img.attr( 'src', src );
}
},
/**
* Get next slide
*/
getNext : function () {
var $this = this,
index = $( '#swipebox-slider .slide' ).index( $( '#swipebox-slider .slide.current' ) );
if ( index+1 < elements.length ) {
index++;
$this.setSlide( index );
$this.preloadMedia( index+1 );
} else {
$( '#swipebox-slider' ).addClass( 'rightSpring' );
setTimeout( function() {
$( '#swipebox-slider' ).removeClass( 'rightSpring' );
}, 500 );
}
},
/**
* Get previous slide
*/
getPrev : function () {
var index = $( '#swipebox-slider .slide' ).index( $( '#swipebox-slider .slide.current' ) );
if ( index > 0 ) {
index--;
this.setSlide( index );
this.preloadMedia( index-1 );
} else {
$( '#swipebox-slider' ).addClass( 'leftSpring' );
setTimeout( function() {
$( '#swipebox-slider' ).removeClass( 'leftSpring' );
}, 500 );
}
},
/**
* Close
*/
closeSlide : function () {
$( 'html' ).removeClass( 'swipebox-html' );
$( 'html' ).removeClass( 'swipebox-touch' );
$( window ).trigger( 'resize' );
this.destroy();
},
/**
* Destroy the whole thing
*/
destroy : function () {
$( window ).unbind( 'keyup' );
$( 'body' ).unbind( 'touchstart' );
$( 'body' ).unbind( 'touchmove' );
$( 'body' ).unbind( 'touchend' );
$( '#swipebox-slider' ).unbind();
$( '#swipebox-overlay' ).remove();
if ( ! $.isArray( elem ) ) {
elem.removeData( '_swipebox' );
}
if ( this.target ) {
this.target.trigger( 'swipebox-destroy' );
}
$.swipebox.isOpen = false;
if ( plugin.settings.afterClose ){
plugin.settings.afterClose();
}
}
};
plugin.init();
};
$.fn.swipebox = function( options ) {
if ( ! $.data( this, '_swipebox' ) ) {
var swipebox = new $.swipebox( this, options );
this.data( '_swipebox', swipebox );
}
return this.data( '_swipebox' );
};
}( window, document, jQuery ) );
Теперь полный код
|
|
05.06.2018, 09:46
|
|
Профессор
|
|
Регистрация: 27.05.2010
Сообщений: 33,128
|
|
|
spik,
может оба $( '.touching' ).bind вынести из $( 'body' ).bind( 'touchstart', в строку 35
|
|
05.06.2018, 09:56
|
|
Новичок на форуме
|
|
Регистрация: 05.06.2018
Сообщений: 6
|
|
|
Нет, уже пробовал.
класс ".touching" - появляется при прикосновении
|
|
05.06.2018, 10:10
|
|
Профессор
|
|
Регистрация: 27.05.2010
Сообщений: 33,128
|
|
|
Сообщение от spik
|
|
Нет, уже пробовал.
|
тогда тамже в 35
$('body').on('gesturestart gesturechange gestureend', '.touching', function() {})
вместо $( '.touching' ).bind |
|
05.06.2018, 10:39
|
|
Новичок на форуме
|
|
Регистрация: 05.06.2018
Сообщений: 6
|
|
Сообщение от рони
|
тогда тамже в 35
$('body').on('gesturestart gesturechange gestureend', '.touching', function() {})
вместо $( '.touching' ).bind
|
Вообще не реагирует.
Я так понимаю, что эти функции все таки должны находиться в "$( 'body' ).bind( 'touchstart', function( event ) {"
т.к. все остальные события появляются после появления "touchstart".
Опять же событие "gesturechange" появляется при обнаружении 2 и более пальцев.
Но почему-то событие "gesturechange" или функция не реагирует. |
|
|
|
