$('.form_cabinet .photo input[type=file]').on('change',function(){ var file=this.files[0]; var reader=new FileReader(); reader.onloadend=function(){ $('.form_cabinet .photo .image').css('background-image','url("'+reader.result+'")'); } if(file){ reader.readAsDataURL(file); } });
Метка
jquery
Всего: 96 записей
owl carousel filter
Добавляется js: https://huynhhuynh.github.io/owlcarousel2-filter/dist/owlcarousel2-filter.min.js
$(document).ready(function(){ var owl=$('.owl_1').owlCarousel({ loop:false, margin:0, items:4, nav:true, dots:false, navText:['<i class="fa fa-angle-left"></i>','<i class="fa fa-angle-right"></i>'], }); $('.owl-filter-bar').on('click','li',function(){ var item=$(this); $('.owl-filter-bar ul li').removeClass('active'); item.addClass('active'); var filter=item.data('owl-filter'); owl.owlcarousel2_filter(filter); }); });
<div class="owl-filter-bar"> <ul> <li data-owl-filter="*" class="active">Все</li> <li data-owl-filter=".d1">1</li> <li data-owl-filter=".d2">2</li> <li data-owl-filter=".d3">3</li> <li data-owl-filter=".d4">4</li> <li data-owl-filter=".d5">5</li> </ul> </div> <div class="owl-carousel owl-theme owl_1"> <div class="item d1"></div> <div class="item d2"></div> <div class="item d3"></div> <div class="item d4 d5"></div> <div class="item"></div> </div>
https://huynhhuynh.github.io/owlcarousel2-filter/
fancybox auto open link
$(".link").fancybox().trigger('click');
равнозначно
$(window).load(function(){ $(".link").click(); });
magnificPopup несколько gallery
$('.gb .item .photos').each(function(){ $(this).magnificPopup({ type:'image', tClose:'Закрыть', delegate:'a', gallery:{ enabled:true, tPrev:'Назад', tNext:'Вперед', tCounter:'<span class="mfp-counter">%curr% из %total%</span>', } }); });
клик внутри label отменить
при клике внутри label по блоку .finded отменить стандартное действие и отправить форму
$('.filters_inline label').on('click',function(event){ if($(event.target).closest(".finded").length){ event.preventDefault(); $(this).closest('form').submit(); } });
chosen mobile support
Закомментировать данный код в chosen.jquery.js
AbstractChosen.browser_is_supported = function() { /* if ("Microsoft Internet Explorer" === window.navigator.appName) { return document.documentMode >= 8; } if (/iP(od|hone)/i.test(window.navigator.userAgent) || /IEMobile/i.test(window.navigator.userAgent) || /Windows Phone/i.test(window.navigator.userAgent) || /BlackBerry/i.test(window.navigator.userAgent) || /BB10/i.test(window.navigator.userAgent) || /Android.*Mobile/i.test(window.navigator.userAgent)) { return false; } */ return true; };
jquery ui touch
Для нормальной работы ui на мобильных устройствах подключить https://github.com/furf/jquery-ui-touch-punch