加載一個包含Flexslider頁面與Ajax不工作

我有一個頁面，加載與Ajax項目的不同galeries。這是工作正常，但是當我想看到項目做clik不會加載包含該項目描述和畫廊的頁面。加載一個包含Flexslider頁面與Ajax不工作

這是我的主網頁：

<div class="ten columns content" id="projects"> 
</div>

當我點擊該項目的形象我想，負載AJAX包含flexslider一個頁面，但：

$("#residential").on('click', function (event) { 
     $.ajax({ 
     url: 'residential.html' 
     , dataType: 'html' 
     }).done(function (data) { 
     $('#projects').append(data); 
    }); 
});

在div負荷不工作所以在我以前加載的其他頁面。

$(document).ready(function() { 
$("#galery_res").on('click', function (event) { 
    $.ajax({ 
     url: 'galery_res.html' 
     , dataType: 'html' 
    }).done(function (data) { 
     $('#projects').append(data); // the same div of the main page 
    }); 
}); 
});

與柔性滑塊的頁面（不加載的CSS圖像）

<link rel="stylesheet" href="flexslider.css" type="text/css" media="screen" /> 
<body class="loading"> 



<div id="container"> 


<div id="main" role="main"> 
    <section class="slider"> 
    <div class="flexslider"> 
     <ul class="slides"> 
     <li> 
      <img src="images/galeria1.jpg" /> 
      </li> 
      <li> 
      <img src="images/galeria1.jpg" /> 
      </li> 
      <li> 
      <img src="images/galeria1.jpg" /> 
      </li> 
      <li> 
      <img src="images/galeria1.jpg" /> 
      </li> 
     </ul> 
    </div> 
    </section> 

    </div> 

    </div> 

    <!-- jQuery --> 

    <script type="text/javascript" src="jquery-1.7.2.min.js"></script> 

<!-- FlexSlider --> 

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

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

來源

2012-08-22 Leoh

$(document).ready(function() { 
    $("#galery_res").on('click', function (event) { 
$.ajax({ 
    url: 'galery_res.html' 
    , dataType: 'html' 
}).done(function (data) { 
    $('#projects').append(data); // the same div of the main page 
    $('.flexslider').flexslider({ 
animation: "slide" 
}); 
}); 
}); 
});

我是這麼認爲的是$('#projects').append(data);不$('#proyects').append(data);

來源

2012-08-22 20:13:21

對不起這個錯誤..但犯規工作 – Leoh

你必須初始化Ajax功能上的flexslider可能這將解決問題 –

像我編輯我的答案 –

加載一個包含Flexslider頁面與Ajax不工作

回答

相關問題