通过标记href

时间:2016-12-21 14:08:41

标签: javascript jquery html isotope

我正在使用jquery同位素,过滤器数据很好用,我也需要通过href标签过滤。

HTML

<a id="bmw" href="#bmw" data-filter=".bmw" class="btn btn-green">Bmw Car</a> 
<a id="audi" href="#audi" data-filter=".audi" class="btn btn-green">Audi Car</a>          

所以当客户输入url时:www.test.ro/#bmw它需要过滤bmw car的数据,就像单击按钮时一样。

jquery的

jQuery.noConflict()(function($)
{
    var $container = $('#container-folio');

    if ($container.length)
    {
        $container.waitForImages(function()
        {
            // initialize isotope
            $container.isotope(
            {
                itemSelector: '.box',
                layoutMode: 'fitRows'
            });
            // filter items when filter link is clicked
            $('#filters a').click(function()
            {
                var selector = $(this).attr('data-filter');
                $container.isotope(
                {
                    filter: selector
                });
                $(this).removeClass('active').addClass('active').siblings().removeClass('active all');
                return false;
            });
        }, null, true);

        // hash code filter
        $(window).load(function()
        {
            // Store # parameter and add "." before hash
            var hashID = "." + window.location.hash.substring(1);
            // console.log(hashID);
            //  the current version of isotope, the hack works in v2 also
            if (hashID != '.form')
            {
                var $container = $('#container-folio');
                $container.imagesLoaded(function()
                {
                    $container.isotope(
                    {
                        itemSelector: ".box",
                        filter: hashID, // the variable filter hack
                    });
                });
            }
        });
    }
});

尝试使用上面的代码来过滤哈希但是没有用,有什么想法吗?

0 个答案:

没有答案