Здравствуйте!
Не работает
скрипт галереи при использовании скрипта
dragend JS
Вот код HTML:
<!DOCTYPE html>
<head>
<script src="js/modernizr.custom.js"></script>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/dragend.js"></script>
<script>
jQuery(function() {
var container = jQuery("#swipe-container");
container.dragend({
minTouchDistance: "600",
keyboardNavigation: true,
pageClass: "page"
});
jQuery("#demo").dragend({
direction: "vertical",
stopPropagation: true,
scribe: "40px"
});
jQuery("a.next").on("click", function() {
container.dragend("left");
});
jQuery("a.previous").on("click", function() {
container.dragend("right");
});
jQuery("h1.logo, a.reset").on("click", function() {
container.dragend("reset");
});
jQuery("body").on("resize", function(event) {
event.preventDefault();
}).on("touchmove", function(event) {
event.preventDefault();
});
jQuery(window).on("load", function() {
container.css("opacity", 1)
})
});
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-219062-10']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script');
ga.type = 'text/javascript';
ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(ga, s);
})();
</script>
</head>
После кода галереи:
<script src="js/imagesloaded.pkgd.min.js"></script>
<script src="js/masonry.pkgd.min.js"></script>
<script src="js/classie.js"></script>
<script src="js/cbpGridGallery.js"></script>
<script>
new CBPGridGallery(document.getElementById('grid-gallery'));
</script>
Если добавить jQuery.noConflict(), тогда скрипт dragend JS перестает вообще работать
все $ заменил на jQuery, но не помогло.
Надеюсь на вас.
Спасибо!