调用masonry时的jQuery语法

时间:2013-05-27 10:10:16

标签: jquery bxslider

我有这部分代码将元素添加到砌体表中。

            function( newElements ) {
            var $newElems = jQuery( newElements ).css('display', 'none');
            $newElems.imagesLoaded(function(){

                jQuery('.gallery').bxSlider({
                    auto: false,
                    pager: false,
                    adaptiveHeight: false
                }); 
                $newElems.css('display', 'block');
                container.masonry( 'appended', $newElems, true );
                });
            }

加载图像后,我们应用bxSlider,然后添加砖石砖。 我的问题是,我可以将滑块仅应用于具有“galery”类的新元素,而不是在DOM中具有此名称的每个元素中。

谢谢你的时间!

1 个答案:

答案 0 :(得分:0)

尝试:

function( newElements ) {
    var $newElems = jQuery( newElements ).css('display', 'none');
    $newElems.imagesLoaded(function(){
        jQuery('.gallery', $newElems).bxSlider({//<<<<< specify context for the jQuery selector
            auto: false,
            pager: false,
            adaptiveHeight: false
        }); 
        $newElems.css('display', 'block');
        container.masonry( 'appended', $newElems, true );
    });
}

或者,在 .gallery中找到$newElems元素

$newElems.find('.gallery').bxSlider({...});

或在 .gallery中找到$newElems元素

$newElems.filter('.gallery').bxSlider({{...});