Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 15.08.2018, 18:10
Интересующийся
Отправить личное сообщение для komned37 Посмотреть профиль Найти все сообщения от komned37
 
Регистрация: 23.07.2018
Сообщений: 18

Повторный вызов функции при перезагрузке блока страницы ajax
Доброго времени суток!

Помогите решить проблему повторного запуска функции при перезагрузке блока ajax-ом

Код скрипта следующий:
$(".proektu .items .item .items-nav .arrow-right").click(function prnext(){     
    $(this).closest('.item').fadeOut(100).removeClass('active');  
    $(this).closest('.item').next(".item").fadeIn(100).addClass('active');
    $('.proektu .items .item.active .slides').slick({
        dots: true,
        infinite: true,
        speed: 300,        
      });   
  });

В этом же файле перезагружая блок аяксом и пытаюсь пытаюсь повторно вызвать функцию prnext, но ни чего не происходит
Код
jQuery('#tipp-select').on('change', function(){
        //собираем данные из data-атрибутов
        var tipp = jQuery(this).find('option:selected').data('tipp-id');
        var country = jQuery("#country-select").find('option:selected').data('country-id');
        var kateg = jQuery('#kateg-select').find('option:selected').data('kateg-id');
 $.ajax({
                  type: "POST",
                  url: window.wp_data.ajax_url, 
                  data : {
                      action : 'get_items', 
                      tipp_id : tipp, 
                      country_id : country, 
                      kateg_id : kateg
                  },
         success: function (items) {
            jQuery('#ajax-items').html(items); 
 prnext()
 }             
        }); 
    });

Последний раз редактировалось komned37, 16.08.2018 в 08:51.
Ответить с цитированием
  #2 (permalink)  
Старый 16.08.2018, 00:00
Аватар для j0hnik
Профессор
Отправить личное сообщение для j0hnik Посмотреть профиль Найти все сообщения от j0hnik
 
Регистрация: 01.12.2016
Сообщений: 3,650

Сообщение от komned37
.parent().parent().parent().parent()
может лучше https://api.jquery.com/closest/
Ответить с цитированием
  #3 (permalink)  
Старый 16.08.2018, 07:45
Интересующийся
Отправить личное сообщение для komned37 Посмотреть профиль Найти все сообщения от komned37
 
Регистрация: 23.07.2018
Сообщений: 18

За функцию спасибо, сократила код, но сам скрипт так и не заработал, если втыкаю руками весь скрипт повторно, то все работает,а если через функцию то нет и в консоли пишет что функция не определена

Последний раз редактировалось komned37, 16.08.2018 в 07:55.
Ответить с цитированием
  #4 (permalink)  
Старый 16.08.2018, 08:01
Профессор
Отправить личное сообщение для Artur_Hopf Посмотреть профиль Найти все сообщения от Artur_Hopf
 
Регистрация: 13.03.2018
Сообщений: 278

komned37,

Так что ли
function prnext() {
       $('.proektu .items .item.active .slides').slick({
            dots: true,
            infinite: true,
            speed: 300,        
       });
}

$(".proektu .items .item .items-nav .arrow-right").click(function {     
      $(this).parent().closest('.item').fadeOut(100).removeClass('active');  
      $(this).parent().closest('.item').next(".item").fadeIn(100).addClass('active');
      prnext();
 });

$('#tipp-select').on('change', function(){
        //собираем данные из data-атрибутов
        var tipp = jQuery(this).find('option:selected').data('tipp-id');
        var country = jQuery("#country-select").find('option:selected').data('country-id');
        var kateg = jQuery('#kateg-select').find('option:selected').data('kateg-id');
     
        $.post( "window.wp_data.ajax_url", { action : 'get_items', tipp_id : tipp,country_id:  country, kateg_id: kateg} )
        .done(function(items) {
               jQuery('#ajax-items').html(items);
               prnext();
        });         
 });

Последний раз редактировалось Artur_Hopf, 16.08.2018 в 08:17.
Ответить с цитированием
  #5 (permalink)  
Старый 16.08.2018, 08:45
Интересующийся
Отправить личное сообщение для komned37 Посмотреть профиль Найти все сообщения от komned37
 
Регистрация: 23.07.2018
Сообщений: 18

нет, не до удалял немного
$(".proektu .items .item .items-nav .arrow-right").click(function prnext(){     
    $(this).closest('.item').fadeOut(100).removeClass('active');  
    $(this).closest('.item').next(".item").fadeIn(100).addClass('active');
    $('.proektu .items .item.active .slides').slick({
        dots: true,
        infinite: true,
        speed: 300,        
      });   
  });
jQuery('#tipp-select').on('change', function(){
        //собираем данные из data-атрибутов
        var tipp = jQuery(this).find('option:selected').data('tipp-id');
        var country = jQuery("#country-select").find('option:selected').data('country-id');
        var kateg = jQuery('#kateg-select').find('option:selected').data('kateg-id');
      $.ajax({
                  type: "POST",
                  url: window.wp_data.ajax_url, 
                  data : {
                      action : 'get_items', 
                      tipp_id : tipp, 
                      country_id : country, 
                      kateg_id : kateg
                  },
         success: function (items) {
            jQuery('#ajax-items').html(items); 
            prnext()
         }             
        }); 
    });

Последний раз редактировалось komned37, 16.08.2018 в 08:50.
Ответить с цитированием
  #6 (permalink)  
Старый 16.08.2018, 08:47
Аватар для j0hnik
Профессор
Отправить личное сообщение для j0hnik Посмотреть профиль Найти все сообщения от j0hnik
 
Регистрация: 01.12.2016
Сообщений: 3,650

Сообщение от Artur_Hopf
$(this).parent().closest('.item')
$(this).closest('.item')
Ответить с цитированием
  #7 (permalink)  
Старый 16.08.2018, 08:52
Аватар для j0hnik
Профессор
Отправить личное сообщение для j0hnik Посмотреть профиль Найти все сообщения от j0hnik
 
Регистрация: 01.12.2016
Сообщений: 3,650

Сообщение от komned37
но ни чего не происходит
что в консоле?
Ответить с цитированием
  #8 (permalink)  
Старый 16.08.2018, 09:48
Интересующийся
Отправить личное сообщение для komned37 Посмотреть профиль Найти все сообщения от komned37
 
Регистрация: 23.07.2018
Сообщений: 18

Сообщение от j0hnik Посмотреть сообщение
что в консоле?
ReferenceError: prprev is not defined
Ответить с цитированием
  #9 (permalink)  
Старый 16.08.2018, 10:06
Аватар для j0hnik
Профессор
Отправить личное сообщение для j0hnik Посмотреть профиль Найти все сообщения от j0hnik
 
Регистрация: 01.12.2016
Сообщений: 3,650

komned37,

$(".proektu .items .item .items-nav .arrow-right").click(prnext);

	function prnext(){
		$(this).closest('.item').fadeOut(100).removeClass('active');  
		$(this).closest('.item').next(".item").fadeIn(100).addClass('active');
		$('.proektu .items .item.active .slides').slick({
			dots: true,
			infinite: true,
			speed: 300,        
		});
	}
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Почему игнорируется повторный вызов всех epic-ов при возникновении ошибки (angular4)? okuznetsov1 Angular.js 3 18.06.2018 08:12
После одного выполнения функции поставить лимит на повторный вызов nvkz-delete Events/DOM/Window 1 15.10.2016 17:48
Повторный вызов функции LCH Элементы интерфейса 3 01.10.2012 19:19
Вызов функции при загрузке страницы disallow jQuery 6 24.07.2012 15:19
Вызов функции печати страницы полученной через AJAX Garik AJAX и COMET 4 02.03.2011 17:05