如何动态地将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在运行时只知道页面中的元素，因此添加到DOM的新元素无法被jQuery识别。发生这种情况时，您必须将功能重新绑定到新添加的项目，或使用event delegation，将新添加的项目中的事件冒泡到jQuery在页面加载时运行时存在的DOM中的某个点。

许多人使用document作为捕捉泡沫事件的地方，但是没有必要在DOM树上走得那么高。理想情况下you should delegate to the nearest parent that exists at the time of page load.。