在javascript中为每个幻灯片的分页控制添加导航

我想在网站背景幻灯片中添加每个幻灯片的分页控件

这里使用Flexslider。滑块的javascript将在main.js中提供

我已经添加了下面的代码来启用分页控制，但是没有显示任何内容

jQuery('.flexslider').flexslider({

    // Primary Controls
    controlNav: true,               //Boolean: Create navigation for paging control of each clide? Note: Leave true for manualControls usage
    directionNav: true,             //Boolean: Create navigation for previous/next navigation? (true/false)
    prevText: "Previous",           //String: Set the text for the "previous" directionNav item
    nextText: "Next",               //String: Set the text for the "next" directionNav item
    animationLoop: true,
    slideshow: false,
    smoothHeight: true,
    animation: "none",
});

main.js中的超大尺寸：

if (typeof pt_supersized_slides !== "undefined")
{
    jQuery.supersized({
        slide_interval : 100000, // Length between transitions
        transition : 1, // 0-None, 1-Fade, 2-Slide Top, 3-Slide Right, 4-Slide Bottom, 5-Slide Left, 6-Carousel Right, 7-Carousel Left
        transition_speed : 500, // Speed of transition
        slide_links : 0, // Individual links for each slide (Options: false, 'number', 'name', 'blank')
        slides : pt_supersized_slides

    });
}

---

提前感谢。

您网站上的滑块id是“超大”而不是“flexslider”，并且我在您的源代码中没有看到任何“flexslider”的类名。

您需要将此应用于您想要的分页。我已经为上面的超大添加了一些代码。看看我有没有漏掉什么，你没听懂。你的问题不是你上面的js，它的元素类名不匹配。如果查看页面源代码，没有“flexslider”的类名，那么您认为它如何与jquery选择器配合使用呢？你放在这里的超大部分，显然没有导航控制属性。我的建议是要么在slider div中添加一个类名“flexslider”，要么在js中更改该位。无论哪种方式，伙计，你必须让他们匹配！