0

div class="contentBlock"更新用のコンテナとして扱われるものがあります

 <div class="contentBlock"></div>

私が書いたスクリプトが機能しません：c

$(document).ready(function(){
  $('.postLink').on('click', function () {
    $.get("page.php", function (data) {
      $(".contentBlock").html(data);
    });
  });
});

アンカーHTMLがあります

<div class="box"> 
  <a class="postLink" "href="#">
    <h1 title="Light me up"></h1>
    <div class="innerbox">
      <figure><img src="http://cpsr-rspc.hc-sc.gc.ca/PR-RP/servlet/ShowImage?photoId=1789" /></figure>
      <ul class="categorySelect">
        <li class="print"></li>
        <li class="video"></li>
        <li class="web"></li>
      </ul>
    </div>
  </a> 
</div>

これpage.phpは単なるimgタグであり、いくつかのloremです。

私は.get()それを間違って使用していると確信しています。さらに、ロード時に.gifとフェードインのトランジションをどこに追加しますか？

4

1 に答える 1

2 
<a class="postLink" "href="#">

する必要があります

<a class="postLink" href="#">

余分な見積もりがありました。

$(document).ready(function(){
  $(".postLink").on('click', function () {
     // load in animation.gif here
     $(".contentBlock").load("page.php", function() {
         // end loading animation now
     });
  });
});

jQueryでロードを使用することは、まさにこの目的のためのものです。

ロード用のjQueryドキュメントは次のとおりです：http：//api.jquery.com/load/

于 2012-06-20T20:32:19.100 に答える