Question

我正在使用jquery的ajax加载函数来加载外部html。外部html使用jquery和一个名为flexslider的jquery插件（图片库）。文档说要加载flexslider：

<script type="text/javascript" charset="utf-8">
    $(window).load(function() {
        $('.flexslider').flexslider({
            slideshow: true, slideshowSpeed: 7000, animationDuration: 600, pauseOnAction: true, pauseOnHover: false});
    });
</script>

当我打电话给它时，它不起作用。我尝试在父页面上执行此操作，但它似乎也不起作用。我还确保在初始化flexslider之前加载外部html。我应该在父页面上使用另一个事件而不是

$(window).load(function(){});

Answer 1

不要使用$(window).load(function(){});

使用$(document).ready(function(){});

OR

window.onload = mymethod();
function mymethod()
{
   alert('onload occured')
}

代替

see the demo

Answer 2

当您使用ajax加载html页面时，加载后您可以在ajax完成（如回调）上绑定 flexslider ，而不是在$（window）.load（）或$（窗口）。就绪（）。

.load( url [, data] [, complete(responseText, textStatus, XMLHttpRequest)] )

接受http://api.jquery.com/load/

Answer 3

查看http://wordpress.org/extend/plugins/advanced-ajax-page-loader/faq/。

基本上，问题归结为jquery / javascript用于将函数附加到事件的钩子。您期望使用的许多普通挂钩 - 例如jQuery（document）.ready（...） - 在ajax加载后不会触发。

所以你必须采用在页面加载时触发的相同代码，并确保在 ajax加载后它也会被触发。

警告：我自己实际上并没有这样做过，所以我不敢提供代码示例。我只是在做一些可能需要这个功能的东西，所以我想要分享我在探索中发现的东西。

jquery用插件加载外部html

3 个答案: