从ajax加载flexslider

我正在尝试从ajax加载flexslider。当我直接指向包含滑块的页面时，它会工作，但从ajax中，滑块不会加载

这是我的ajax页面：

$(document).ready(function(){

//Ajax Event Handler For Categorie Demo
var $menu1 = $('#navDemo02');



function success(){

    $('div.ajaxContent').hide();
  $('div.ajaxContent').show(200);
}

function ajaxCallTimeout(index){
var url = 'categorie/0'+(index+1)+'.php';
 $('div.ajaxContent').load(url, success);
}
function ajaxCategorie(){
    var index = $menu1.find('li a').index(this);
     $('div.ajaxContent').html('<p style="color:#4CC3EC; text-align:center; margin-top:45px;">Loading...<img src="img/loading.gif" /></p>');
    switch(index){
        case 0 :

              $('div.ajaxContent').stop().animate({marginTop: 0}, 1000,'linear', function(){ajaxCallTimeout(index)});
        break;
        case 1 : 

              $('div.ajaxContent').stop().animate({marginTop: 0}, 1000,'linear', function(){ajaxCallTimeout(index)});
        break;
        case 2 : 

              $('div.ajaxContent').stop().animate({marginTop: 0}, 1000,'linear',function(){ajaxCallTimeout(index)});
        break;
        case 3 : 

              $('div.ajaxContent').stop().animate({marginTop: 0}, 1000,'linear', function(){ajaxCallTimeout(index)});
        break;
        case 4 : 

              $('div.ajaxContent').stop().animate({marginTop:0}, 1000,'linear', function(){ajaxCallTimeout(index)});
        break;
        case 5 : 

              $('div.ajaxContent').stop().animate({marginTop: 0}, 1000,'linear', function(){ajaxCallTimeout(index)});
        break;
        case 6 : 

              $('div.ajaxContent').stop().animate({marginTop: 0}, 1000,'linear', function(){ajaxCallTimeout(index)});
        break;


    }
}

$menu1.find('li a').bind('click', ajaxCategorie);

$（文档）.ready（函数（）{
//用于分类演示的Ajax事件处理程序
变量$menu1=$（“#navDemo02”）；
函数成功（）{
$（'div.ajaxContent'）.hide（）；
$（'div.ajaxContent'）.show（200）；
}
函数ajaxCallTimeout（索引）{
var url='categorie/0'+（index+1）+'.php'；
$（'div.ajaxContent'）.load（url，成功）；
}
函数ajaxCategorie（）{
风险值指数=$menu1.find（'LIA'）.index（此）；
$（'div.ajaxContent'）.html（'
加载…
”）；
开关（索引）{
案例0：
$（'div.ajaxContent'）.stop（）.animate（{marginTop:0}，1000，'linear'，function（）{ajaxCallTimeout（index）}）；
打破
案例1：
$（'div.ajaxContent'）.stop（）.animate（{marginTop:0}，1000，'linear'，function（）{ajaxCallTimeout（index）}）；
打破
案例2：
$（'div.ajaxContent'）.stop（）.animate（{marginTop:0}，1000，'linear'，function（）{ajaxCallTimeout（index）}）；
打破
案例3：
$（'div.ajaxContent'）.stop（）.animate（{marginTop:0}，1000，'linear'，function（）{ajaxCallTimeout（index）}）；
打破
案例4：
$（'div.ajaxContent'）.stop（）.animate（{marginTop:0}，1000，'linear'，function（）{ajaxCallTimeout（index）}）；
打破
案例5：
$（'div.ajaxContent'）.stop（）.animate（{marginTop:0}，1000，'linear'，function（）{ajaxCallTimeout（index）}）；
打破
案例6：
$（'div.ajaxContent'）.stop（）.animate（{marginTop:0}，1000，'linear'，function（）{ajaxCallTimeout（index）}）；
打破
}
}
$menu1.find（'li a'）.bind（'click'，ajaxCategorie）；

}))

这是滑块的脚本

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/libs/jquery-1.7.min.js">\x3C/script>')</script>

<script defer src="jquery.flexslider.js"></script>

<script type="text/javascript">
 $(function(){
  SyntaxHighlighter.all();
});
$(window).load(function(){
  $('.flexslider').flexslider({
    animation: "slide"
  });
});

window.jQuery | | document.write（'\x3C/script>'））
$（函数（）{
SyntaxHighlighter.all（）；
});
$（窗口）。加载（函数（）{
$（'.flexslider'）.flexslider({
动画：“幻灯片”
});
});

---

有人能告诉我遗漏了什么，或者给我指出一个教程吗？

在将所提到的类加载到DOM之前，是否在类上调用flexslider（）函数

当您单击链接进行ajax调用时，该页面上的javascript已经开始运行了。现在，当您进行ajax调用时，脚本不会再次运行以在新类（已通过ajax调用）上分配flexslider

---

如果这是真的，您可以尝试将flexslider脚本移动到进行ajax调用的页面。

您能详细说明如何重新运行它吗？我想我有一个类似的问题，如下所示：