Support Forums

The forums are closed and will be removed when we launch our new site.

Looking for support? You can access the support system via your account.

Forums › Forums › Search & Filter Pro › Hide Search Results on Page Load

Tagged: ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Dan Fiege
    (Private)  May 18, 2015 at 3:57 pm #17778

    Hey Ross,

    I’m wanting to hide the results on initial page load, but don’t see a setting for that. I’m attempting to do it with AJAX. When I set the ‘.search-filter-results’ to display: none, they hide. However, when target the first result (it’s a placeholder – “All States”) as a check to see if it’s selected or not, I can’t seem to get the results show if it’s not. Does my jQuery look sound?

    
jQuery(document).bind('ready ajaxComplete', function() {
$j('.search-filter-results').css('display','none');
if (!$j('#search-filter-form-205 .postform option[value="0"]')) {
$j('#search-filter-form-205 .search-filter-results').css('display','block');
}
});

    URL is http://kevinobrienstudio.dreamhosters.com/two-filters/

    Ross Moderator
    (Private)  May 18, 2015 at 4:11 pm #17780

    Check the first question in the FAQs –

    http://www.designsandcode.com/wordpress-plugins/search-filter-pro/faqs/

    This has the code to do what you need..

    I would start by hiding the results using CSS

    .search-filter-results
{
    display:none;
}

    The use the ajax finish hook from the FAQs:

    $(".searchandfilter").on("sf:ajaxfinish",function(e, x){
   //show my results here
    console.log(e);
    console.log(x);
});

    Thanks

    Dan Fiege
    (Private)  May 18, 2015 at 5:03 pm #17782

    When you say “//show my results here,” do you mean I should include a call to display results as I was in the code sample I sent?

    
$j('#search-filter-form-205 .search-filter-results').css('display','block');
    Ross Moderator
    (Private)  May 21, 2015 at 1:00 pm #18013

    Hey Dan

    I’m not sure what $j is, possibly an alias to jQuery?

    Anyway, yeah you would need to add the javascript for showing your results again, something like:

    $('.search-filter-results').show();

    Thanks

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘Hide Search Results on Page Load’ is closed to new replies.