jqueryjquery-pluginsquick-search

quicksearch wrong selector


I'm using jquery quicksearch plugin to search through a list of elements but it seems that I'm not setting the correct selector.

The markup is like this:

<div id="social-stream" class="dcsns">
<div class="dcsns-content">
    <ul class="stream isotope">
        <li>

                <div class="inner">
                    <span class="section-thumb"></span>
                    <span class="section-text">5 jQuery Responsive Fullscreen Background Image Plugins | jQuery4u</span>
                    <span class="section-user"><a href="https://www.facebook.com/DesignChemical">Design Chemical</a></span>
                </div>

        </li>
    </ul>

</div>

and the plugin :

$(document).ready(function () {
            $("#id_search").quicksearch("#socialstream .dcsns-content ul.stream isotope li .inner ", {
                noResults: '#noresults',
                loader: 'span.loading'
            });
        });

Here is a fiddle example and here is the website version


Solution

  • Your jQuery says isotope is inside ul.stream, but your HTML says otherwise.