Ответы пользователя по тегу JavaScript
  • Как сделать закрытие после отправки в форме заказа звонка?

    keramzit_001
    @keramzit_001
    эх!!!
    Автоматическое закрытие привязывается к ajax событию success или complete (успешное выполнение запроса) по setTimeout можно закрыть модальное окно.
    $('#твоя-форма').submit(function() {
    	$.ajax({
    		type   : 'POST',
    		url: $ajax_url,
    		data : {
    			name: $name_value ,
    			email: $email_value,
    			message: $message_value,
    			subject: $subject_value,
    			task: 'sendmail'
    		},
    		beforeSend: function(data){
    			$('#submit').before('<div class="loading"></div>');
    		},
    		success: function (data){
    			$('.loading').fadeOut(function(){
    				$(this).remove();
    			}); //прячется gif-ка какая-нибудь
    			setTimeout(function(){
    			document.forms['твоя-форма'].reset(); // очищается форма методом .reset()
    			$('#myModal').modal('hide'); 
    			}, 3000); // здесь закрывается модальное окно через 3 секунды
    		},
    		complete:function(data){
    		 $form.each(function(){
    			this.reset();  // или так очищается форма методом .reset()
    		});
    		},
    	});
    	return false;
    });
    Ответ написан
    4 комментария
  • Не срабатывает fadeOut?

    keramzit_001
    @keramzit_001
    эх!!!
    Может натолкнёт на какое-нибудь решение. Есть плагин панорама вьювер В нём реализован "затемняющий слой"
    if (settings.overlay == true) {
              $("<div class='pv-overlay'><i class='pvicon-overlay'></i></div>").appendTo(el.find(".pv-inner"))
              el.find(".pv-inner").bind("mouseenter", function() {
                $(this).find(".pv-overlay ").fadeOut("fast");
              }).bind("mouseleave", function() {
                $(this).find(".pv-overlay ").fadeIn("fast");
              })
            }
    цепочкой вызовов, а у тебя отдельные функции.
    Ответ написан
    Комментировать
  • Как добавить класс "active" к двум спискам одновременно при клике по item любого?

    keramzit_001
    @keramzit_001 Автор вопроса
    эх!!!
    Итоговый рабочий код с небольшими исправлениями. Отказывался сортировать shuffle.js если возвращать false
    var className = 'active';
    			$('.sorting-items').on('click', 'a', function(event){
    				var g = $(this).parent().data('group');
    				var $this = $(this).parent();
    				
    				$('[data-group='+ g +']').addClass(className).siblings().removeClass(className);
    				//return false;
    				
    				$container.shuffle( 'shuffle', $this.data('group') );
    				event.preventDefault();
    			});

    Полный вариант от инициализации:
    jQuery(document).ready(function($) {
    
    	var $container 	= $('.items');
    	
    	$(window).load(function() {
    		var $sizer = $container.find('.shuffle__sizer');
    
    		$container.shuffle({
    			itemSelector: '.item',
    			sequentialFadeDelay: 150,
    			sizer: $sizer
    		});
    	});
    			
    	$(window).load(function() {
    		var $sizer = $container.find('.shuffle__sizer');
    
    		$container.shuffle({
    			itemSelector: '.item',
    			sequentialFadeDelay: 150,
    			sizer: $sizer
    		});
    	});
    
    
    			
    	var className = 'active';
    	$('.sorting-items').on('click', 'a', function(event){
    		var g = $(this).parent().data('group');
    		var $this = $(this).parent();
    		
    		$('[data-group='+ g +']').addClass(className).siblings().removeClass(className);
    		//return false;
    		
    		$container.shuffle( 'shuffle', $this.data('group') );
    		event.preventDefault();
    	});
    		
    });
    Ответ написан
    Комментировать