jQuery   发布时间:2022-03-30  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了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是@L_190_2@mozilla的东西,并不适用于某些浏览器.在这里使用jQuery的.text()方法.在这种情况下,jQuery没有做错任何事.

大佬总结

以上是大佬教程为你收集整理的jQuery Cycle pagerAnchorBuilder全部内容,希望文章能够帮你解决jQuery Cycle pagerAnchorBuilder所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签:cyclejquery