2013-03-08 60 views
0

我加载使用加载内容:Flexslider与内容使用JavaScript

jQuery('slides').html(slides);

我使用这个滑块http://flexslider.woothemes.com/。这是问题。当HTML结构中的幻灯片将被添加时,如何加载此滑块?

当我使用直接链接进入我的网站时,所有的功能都很好,然后内容会自动加载。当我使用jQuery加载“子页面”时出现问题,那么滑块不起作用。

我尝试添加:

$('#carousel').flexslider({ 
    animation: "slide", 
    controlNav: false, 
    animationLoop: false, 
    slideshow: false, 
    itemWidth: 210, 
    itemMargin: 5, 
    asNavFor: '#slider' 
    }); 

    $('#slider').flexslider({ 
    animation: "slide", 
    controlNav: false, 
    animationLoop: false, 
    slideshow: false, 
    sync: "#carousel" 
    }); 

jQuery('slides').html(slides);之后,但它不工作。

谢谢!

+0

能否请您进一步解释“子页面”的含义以及该子页面的访问方式? – Barney 2013-03-08 17:31:50

+0

''幻灯片'不是标签名称,因此最后一部分将无法正常工作 – 2013-03-08 18:10:57

+0

子页面 - 实际内容使用JavaScript清除,并且替换为新页面(页面标题,说明,滑块等)。有滑块添加div结构。 – Ziggy 2013-03-08 19:47:13

回答

0

'slides'不是标签名称,因此最后一部分不起作用。尝试使选择器实际工作,就像通过使用$('#slides')

+0

不幸的是有#滑块,而不是'幻灯片'。 – Ziggy 2013-03-09 11:37:11

+0

我不理解你的评论 – 2013-03-11 10:49:39