如何动态地将flexislider附加在ajax响应上？

Question

我需要在ajax响应上附加jquery flexislider。 下面是我的代码：console.log（response.data）;

                $('.status').append(response.data);
                $('.flexslider').flexslider({
                animation: "slide",
                slideshow: true,
                animationSpeed: 1000,
                animationLoop: true,
                itemWidth: 311,
                itemMargin: 5,
                controlNav: false,
                slideshowSpeed : 1000,
                pauseOnHover : true,
                pauseOnAction : true,
                touch : true,

                start: function(slider){
                  flexslider = slider;
                }
              });

它只附加html无法正常工作的滑块。任何人都知道如何在ajax响应上附加flexislider。如果对此有任何想法，请告诉我。

Answer 1

jQuery仅在运行时知道页面中的元素，因此jQuery无法识别添加到DOM中的新元素。 发生这种情况时，您必须将功能重新绑定到新添加的项或使用事件委托 ，将事件从新添加的项冒泡到jQuery在页面加载时在DOM中的某个点。

许多人将document用作捕获冒泡事件的地方，但是不必将DOM树放在那上面。 理想情况下， 您应该委派给页面加载时存在的最接近的父级。 。