带有 Cufon Pager 的 jQuery Cycle

发布于 2024-12-06 03:51:48 字数 739 浏览 1 评论 0原文

因此，我将 jQuery 与 Cufon 和 jQuery Cycle 一起使用。我想要的是 Cycle 的寻呼机有 Cufon 字体。

下面是我的 JS

var pagerclass;

$(document).ready(function() {

    $("#slider").cycle({
        fx: "scrollHorz",
        timeout: 7000,
        pager: "#pager ul",
        pagerAnchorBuilder: function(idx, slide) {
            if(idx==0) pagerclass = "first"; else if(idx==2) pagerclass="last"; else pagerclass="";
            Cufon.replace("#pager ul");
            return "<li class='"+pagerclass+"'><a href='#'>"+slide.title+"</a></li>";
        }
    });

});

所以 Cufon.replace("#pager ul"); 行不起作用，因为它不会替换最后一项。之后最后一个项目将被返回。

构建 Pager 后，有什么方法可以在 jQuery Cycle 中执行某些操作吗？我认为这可以解决问题。

原文

So, I am using jQuery with Cufon and jQuery Cycle. What I want, is the pager of Cycle to have Cufon fonts.

Below is my JS

var pagerclass;

$(document).ready(function() {

    $("#slider").cycle({
        fx: "scrollHorz",
        timeout: 7000,
        pager: "#pager ul",
        pagerAnchorBuilder: function(idx, slide) {
            if(idx==0) pagerclass = "first"; else if(idx==2) pagerclass="last"; else pagerclass="";
            Cufon.replace("#pager ul");
            return "<li class='"+pagerclass+"'><a href='#'>"+slide.title+"</a></li>";
        }
    });

});

So the Cufon.replace("#pager ul");-line is not working, because it doesn't replace the last item. The last item gets returned after that.

Is there any way to do something in jQuery Cycle after the Pager is built? That would solve the problem, I think.

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

兮子 2024-12-13 03:51:49

$(function() {

    function cufrep() {

        Cufon('#pager ul');

    }


    $("#slider").cycle({
        fx: "scrollHorz",
        timeout: 7000,
        pager: "#pager ul",
        after: cufrep, // after
        pagerAnchorBuilder: function(idx, slide) {
            if(idx==0) pagerclass = "first"; else if(idx==2) pagerclass="last"; else pagerclass="";
            Cufon.replace("#pager ul");
            return "<li class='"+pagerclass+"'><a href='#'>"+slide.title+"</a></li>";
        }
    });

});

Cufon 有一个 after 函数，可以在之后触发。

$(function() {

    function cufrep() {

        Cufon('#pager ul');

    }


    $("#slider").cycle({
        fx: "scrollHorz",
        timeout: 7000,
        pager: "#pager ul",
        after: cufrep, // after
        pagerAnchorBuilder: function(idx, slide) {
            if(idx==0) pagerclass = "first"; else if(idx==2) pagerclass="last"; else pagerclass="";
            Cufon.replace("#pager ul");
            return "<li class='"+pagerclass+"'><a href='#'>"+slide.title+"</a></li>";
        }
    });

});

Cufon has an after function which fires after.

回复收藏 0 原文

~没有更多了~