jquery - 调用砌体时的jQuery语法

Question

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

            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 中具有此名称的每个元素。

谢谢你的时间！

Answer 1

尝试 ：

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({{...});