jQuery Cycle pagerAnchorBuilder

我正在使用Cycle插件用于新闻旋转器.这意味着我使用Div来填充幻灯片而不是图像.

我的最终目标是制作一个寻呼机而不是通常的1,2,3,4等 – 而是返回幻灯片中的第一个H3标签.

我知道这可能是一个小问题,但到目前为止我正在使用的是：

$('#scroll_wrap').cycle({
        fx: 'fade',pager: '#pager',pagerAnchorBuilder: function(idx,slide) { 
                return '<li><a href="#">' + slide.children("h3").textContent + '</a></li>';
        }

我也试过这样的事情：

$('#scroll_wrap').cycle({
    fx: 'fade',slide) { 
            var h3 = $('div',slide).children('h3');
            return '<li><a href="#">' + slide.h3 + '</a></li>';
    }

你可能会说,我仍然是一个初出茅庐的人. ：/

任何人都可以帮我解决问题吗？

解决方法

将pagerAnchorBuilder函数中的一行更改为：

return '<li><a href="#">' + jQuery(slide).children("h3").eq(0).text() + '</a></li>';

需要改变三件事：

slide => jQuery的(滑动)
因为jQuery不会使用其辅助函数扩展元素,除非你告诉它.这是jQuery不能扩展本机原型(如Element)的一个不幸的副作用.这意味着你必须使用jQuery(x)在代码中包装每一件事.

儿童(“h3”)=>儿童( “H3”).EQ(0)
因为选择器返回匹配的对象数组,所以在执行选择器之后应该抓取第一个,否则链中的以下方法调用将作用于元素集. Jquery应该提供像.firstChild(“h3”)这样的东西.

textContent => .文本()textContent是一个mozilla的东西,并不适用于某些浏览器.在这里使用jQuery的.text()方法.在这种情况下,jQuery没有做错任何事.

原文地址：https://www.jb51.cc/jquery/179048.html