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

Javascript-форум (https://javascript.ru/forum/)

- Общие вопросы Javascript (https://javascript.ru/forum/misc/)

- - Повторный вызов функции при перезагрузке блока страницы ajax (https://javascript.ru/forum/misc/74908-povtornyjj-vyzov-funkcii-pri-perezagruzke-bloka-stranicy-ajax.html)

Повторный вызов функции при перезагрузке блока страницы 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

.parent().parent().parent().parent()

может лучше https://api.jquery.com/closest/

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

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();
        });         
 });

нет, не до удалял немного

$(".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()
         }             
        }); 
    });

Цитата:

Сообщение от Artur_Hopf

$(this).parent().closest('.item')

$(this).closest('.item')

Цитата:

Сообщение от komned37

но ни чего не происходит

что в консоле?

Цитата:

Сообщение от j0hnik (Сообщение 492866)

что в консоле?

ReferenceError: prprev is not defined

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,        
		});
	}