寻呼机上的 Img src 显示未定义

Question

我在从滑块中获取图像 src 时遇到问题。

$('.home-slider').cycle({
            fx: 'scrollLeft',
            timeout: 1,
            pager: '.home-slider-pager',

            pagerAnchorBuilder: function(idx, slide){
                return '<a href="#"><img id="pager-img" src="' + slide.src + '"/></a>'; 
            }
        });

我知道这些是构建寻呼机并让滑块正常工作的正确方法我让它们在其他网站上工作，但我试图在这个图像中获得一些不同的图像，这给我带来了麻烦。

<aside class="home-slider-pager"></aside>
            <div class="home-slider">
                <a href="#">
                    <img src="Resources/Images/Slider/Home-Slider/Industrial-Slide.jpg" alt="Industrial Doors"/>
                    <p class="slider-description">Industrial Doors - Doors that work as hard as you do.</p>
                </a>
                <a href="#">
                    <img src="Resources/Images/Slider/Home-Slider/Restaurant-Slide.jpg" alt="Restaurant Doors"/>
                    <p class="slider-description">Restaurant Doors - From fast food to five star, made to order just for you.</p>
                </a>
            </div>

所有这些都是我想要的格式，当我调用它们时，寻呼机显示在正确的位置问题是什么，当我使用 pagerAnchorBuilder 函数时，它说的是未定义的 slide.src，我相信这是因为我有滑块由标签而不是图像旋转。我如何让 pagerAnchor 构建器在嵌入标签中时找到我的 img src？

我找到了我认为我以前看过但没有看过的答案。 jQuery Cycle plugin pagerAnchorBuilder images becoming undefined

如果其他人有这个问题，正确的 .cycle 代码如下。

$('.home-slider').cycle({
            fx: 'scrollLeft',
            timeout: 1,
            pager: '.home-slider-pager',

            pagerAnchorBuilder: function(idx, slide){
                return '<a href="#"><img id="pager-img" src="' + jQuery(slide).find('img').attr('src') + '"/></a>'; 
            }
        });

Answer 1

$('.home-slider').cycle({
            fx: 'scrollLeft',
            timeout: 1,
            pager: '.home-slider-pager',

            pagerAnchorBuilder: function(idx, slide){
                return '<a href="#"><img id="pager-img" src="' + jQuery(slide).find('img').attr('src') + '"/></a>'; 
            }
        });