javascript - 柔性 slider : animation:slide not working properly

Question

我正在使用flexslider，但它的动画:幻灯片效果有问题。仅当我离开页面并再次返回或者页面失去焦点并获得焦点时，它才有效。导航箭头显示良好，它们实际上检测到了单击事件。底部的小点也可以点击，一旦我点击它们，它们实际上就会被激活，但不会发生图像转换。

更新:它不适用于动态内容，即当幻灯片 html 通过 ajax 传输时

请帮忙。这是我的代码；

          var options = {  
            animation: "slide"
        };

        $('.team-pages-slider').flexslider(options);

        $.ajax({
                            url:  href,
                            dataType: "html",
                            cache: false,
                            beforeSend:function(data){
                            $('.global-loader').show();
                        },
                        success: function(data){


            $content.html(data);
            loadFlexJS();

)};

Answer 1

您必须使用 $.ajax 的回调成功。查看manual .

我不知道flexslider，但我猜:

1. 在页面头部加载库js
2. 调用$.ajax函数
3. 回调成功后启动flexslider

我认为this会有帮助的。