daily pastebin goal
48%
SHARE
TWEET

Untitled

a guest Apr 16th, 2018 50 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. jQuery( function( $ ) {
  2.  
  3.     var $divs = $('.box');
  4.  
  5.     //filter multiple divs on select
  6.     var $selects = $('.filter_dd').on('change', function() {
  7.  
  8.     var css_list_array = [];
  9.         $selects.each(function(index){
  10.  
  11.             if ($(this).has('option:selected')){
  12.  
  13.                 if( $(this).val() !== '' ) {
  14.                     var css = '.' + $(this).val();
  15.                     var found = $.inArray(css, css_list_array);
  16.                     if(found < 0) {
  17.                         //if not already in array - add it
  18.                         css_list_array.push(css);
  19.                     }
  20.                 }
  21.             }
  22.         });
  23.         var css_string = css_list_array.join('');
  24.         console.log(css_string);
  25.         var $el = $(css_string); //selected CSS names          
  26.         console.log($divs); //divs not being selected as this is empty
  27.         $divs.removeClass('is-animated').fadeOut().promise().done(function()
  28.         {
  29.             if(css_string == null || css_string==''){
  30.                 $divs.addClass('is-animated').fadeIn();
  31.             } else {
  32.                 $el.addClass('is-animated').fadeIn();
  33.             }
  34.         });        
  35.     });    
  36. });
  37.    
  38. jQuery(document).ready(function($) {
  39.     $(window).scroll(function() {
  40.         var that = $('#loadMore');
  41.         var page = $('#loadMore').data('page');
  42.         var css_select = $('#loadMore').data('css');
  43.         var newPage = page + 1;
  44.         var ajaxurl = $('#loadMore').data('url');
  45.         var docViewTop = $(window).scrollTop();
  46.         var docViewBottom = docViewTop + $(window).height();
  47.         var elemTop = $('#loadMore').offset().top;
  48.         var elemBottom = elemTop + $('#loadMore').height();  
  49.  
  50.  
  51.  
  52.     if( $('#no-more').length == 0) {
  53.     //check if scrolled to 'load more' element
  54.     if ((elemBottom <= docViewBottom) && (elemTop >= docViewTop)) {
  55.         if (typeof loading != 'undefined' && loading) return;
  56.         loading = true;
  57.         $('#resource_spinner').show();
  58.  
  59.         $.ajax({
  60.             url: ajaxurl,
  61.             type: 'post',
  62.             data: {
  63.                 page: page,
  64.                 action: 'resources_load_more'
  65.             },
  66.             error: function(response) {
  67.                 console.log(response);
  68.             },
  69.             success: function(response) {
  70.                 if (response == 0) {
  71.                     //check if any more post
  72.                     if ($("#no-more").length == 0) {
  73.                         $('#ajax-content').append('<div id="no-more" style="text-align:center;font-size:22px;font-weight:bold"><p>No more posts to load.</p></div>');
  74.                     }
  75.                     $('#loadMore').hide();
  76.                     $('#resource_spinner').hide();
  77.                 } else {
  78.                     $('#loadMore').data('page', newPage);
  79.                     $('#ajax-content').append(response);
  80.                 }
  81.             },
  82.             complete: function(){
  83.                 $('#resource_spinner').hide();
  84.                 loading = false;    
  85.                 $divs = $('#ajax-content').find(".box");
  86.  
  87.                 if(css_select){
  88.                     console.log('ajax'+ css_select);
  89.                     $divs.not(css_select).hide();  
  90.                 }
  91.             }
  92.         });
  93.       }
  94.     }
  95. });
RAW Paste Data
Top