0

プロジェクトのさまざまなギャラリーを ajax でロードするページがあります。それは正常に機能していますが、クリックを実行しているプロジェクトを見たいときに、プロジェクトの説明とギャラリーを含むページが読み込まれません。

これは私のメインページです:

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

divにロードします：

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

プロジェクトの画像をクリックしたときに、flexslider を含む ajax を含むページをロードしたいのですが、以前にロードした他のページでは機能しません。

$(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>
4

1 に答える 1

1 
$(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-22T20:13:21.503 に答える