jQuery( document ).ready(function( $ ) { var $container = $('.portfolio'), colWidth = function () { var w = $container.width(), columnNum = 1, columnWidth = 0; if (w > 1200) { columnNum = 2; } else if (w > 767) { columnNum = 2; } else if (w > 600) { columnNum = 2; } else if (w > 300) { columnNum = 1; } columnWidth = Math.floor(w/columnNum); $container.find('.portfolio-item').each(function() { var $item = $(this), multiplier_w = $item.attr('class').match(/item-w(\d)/), multiplier_h = $item.attr('class').match(/item-h(\d)/), width = multiplier_w ? columnWidth*multiplier_w[1]-0 : columnWidth-5, height = multiplier_h ? columnWidth*multiplier_h[1]*1-5 : columnWidth*0.5-5; $item.css({ width: width, height: height }); }); return columnWidth; } jQuery('div#search form').submit(function(e){ e.preventDefault(); var search_txt = jQuery('div#search input#search').val(); // the ajax begins now jQuery.ajax({ type: 'POST', url: myAjax.ajaxurl, data: {action: 'business_center_pro_ajax_search_result',search_txt:search_txt}, beforeSend: function(){ }, success: function(response){ jQuery('.search-contents').html(response).show(); }, error: function(MLHttpRequest, textStatus, errorThrown){ console.log( errorThrown ); } }); }); var pageNumber = 1; var category = myAjax.category; function business_center_pro_load_posts(){ pageNumber++; $.ajax({ type: "POST", dataType: "html", url: myAjax.ajaxurl, data: {action: 'business_center_pro_portfolio_ajax_handler', pageNumber: pageNumber, category: category }, success: function(data){ if( data.length > 0 ){ $('.portfolio').append(data).masonry().isotope({ resizable: true, itemSelector: '.portfolio-item', layoutMode : 'masonry', gutter: 20, masonry: { columnWidth: colWidth(), gutterWidth: 20 } }); $container.isotope('reloadItems'); isotope( 'relayout', true ); $("#loadmore").removeClass("hide"); } else { $("#loadmore").addClass("hide"); } }, error : function(jqXHR, textStatus, errorThrown) { $loader.html(jqXHR + " :: " + textStatus + " :: " + errorThrown); } }); return false; } $('#loadmore').removeAttr('href'); $("#loadmore").on("click",function(){ // When btn is pressed. $("#loadmore").addClass("hide"); business_center_pro_load_posts(); }); });