【问题标题】:Ajax loading a sliderAjax 加载滑块
【发布时间】:2012-12-24 10:51:39
【问题描述】:

我有一个菜单 div 和一个内容 div

如果我将滑块(它是一个 jquery 插件)放在 index.php 中,一切正常,如下图

但我想做的是将每个页面的内容放在不同的文件中,例如主页应该包含带有一些基本信息的滑块,所以我把它放在 home.php 上

现在我想加载它,我这样做:

$("#nav_home").click(function(){
    $("#content").load('pages/home.php');
});

这是它崩溃的部分,从上面的滑块变成这样:

HTML:

<ul id = "nav"><!-- menu -->
    <li id="nav_home"><a href="#">Home</a></li>    
</ul> 

<div id='content'><!-- content div -->
</div>

【问题讨论】:

  • 你用的是哪个插件?
  • 你在哪里写的滑块代码?如果它在您正在加载内容的同一页面上,那么您可能需要在加载函数的回调时再次初始化滑块。

标签: jquery html ajax slider


【解决方案1】:

试试这样的:

$("#nav_home").click(function(){
    $("#content").load('pages/home.php', 
        function(){
            $("#slider").easySlider({
                auto: true,
                continuous: true 
            });
        }
    );
});

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2018-01-07
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-10-13
    • 1970-01-01
    • 2013-09-10
    • 1970-01-01
    相关资源
    最近更新 更多