Question

我正在使用Joomla 2.5，我在这里使用它：
http://www.code7.co.uk/joomla-responsive-slider

我的主题是单页面。如果我点击导航项javascript简单地淡出一个div并在另一个div中淡入淡出。现在的问题是，如果我切换div，则滑块不再启用。只有当我重新加载页面时。

Slider的加载方式如下：

<script type="text/javascript" charset="utf-8">
  jQuery(window).load(function() {
    jQuery('.flexslider').flexslider({
        animation: "slide",           
        directionNav: false,             
          controlNav:false,           
          keyboardNav:false,         
          direction: "horizontal",        
          slideshowSpeed:3000,       
          animationSpeed:600,        
          randomize: false     
        });
  });
</script>

每次在滑块div容器下面加载。我已经尝试从模块中删除代码，只加载滑块一次。它起作用了，但是如果我切换div则不行。

问题：当我切换div时，如何“重新加载”滑块？我尝试使用.reload（）窗口，但是然后整个fadein和out动画都没有价值，我想保留它！

这就是我改变的方式：

function changeSection(section) {
    if(activeSection != section) {
        $('#'+activeSection).fadeToggle("slow");
        $('#'+section).delay(500).fadeToggle("slow");

        $('#menu-'+activeSection).removeClass('active');
        $('#menu-'+section).addClass('active');

        document.title = activeSectionTitle;
        history.pushState({}, '', section);

        activeSection = section;
    }
}

Answer 1

尝试（更新）

$(document).ready(function () {
    $("div:not(:first)").hide(0);
    var toggletwo = function (i) {
        $("div:not(:nth-of-type(" + i + "))").fadeOut(125, function () {
            $(this).siblings("div").fadeIn(250)
        })
    };
    $("li a").on("click", function (e) {
        return ($(e.target).is("a:first") ? toggletwo(1) : toggletwo(2))   
    });
});

jsfiddle http://jsfiddle.net/guest271314/68k7F/

当隐藏的div出现/显示时，滑块不会加载

1 个答案: