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函数它是说undefined 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>'; 
            }
        });

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

1 个答案: