WordPress modifier le contenu sans recharger

Question

J'ai un thème wordpress dans lequel je dois créer une page qui a un film qui va en boucle. il a 3 points de menu qui modifient le texte div sans recharger la page.

Jusqu'à présent, pas de problème.

<a href="javscript:void(0);" onclick="getdata('text.php','content2');">Click here – put it in content box 2</a> 

Mais quand je suis sur une autre page et je clique par exemple le deuxième lien, il devrait aller à la page vidéo et modifier le texte à la seconde.

Comment puis-je faire cela?

Y at-il un moyen de le faire avec?

url/wordpressname/#1 

Answer 1

trouvé une solution: je l'ai trouvé une solution ici: http://www.deluxeblogtips.com/2010/05/how-to-ajaxify-wordpress-theme.html

que je changé pour répondre à mes besoins:

jQuery(document).ready(function($) { 
    var $mainContent = $("#text"), 
     siteUrl = "http://" + top.location.host.toString(), 
     url = ''; 

    $(document).delegate("a[href^='"+siteUrl+"']:not([href*=/wp-admin/]):not([href*=/wp-login.php]):not([href$=/feed/])", "click", function() { 
     //location.hash = this.pathname; 
     //return false; 
    }); 

    $("#searchform").submit(function(e) { 
     location.hash = '?s=' + $("#s").val(); 
     e.preventDefault(); 
    }); 

    $(window).bind('hashchange', function(){ 
     url = window.location.hash.substring(1); 

     if (!url) { 
      return; 
     } 


     if (url=="1") { 
      $mainContent.html('<p>Text1</>'); 
     } 

     if (url=="2") { 
      $mainContent.html('<p>Text2</>'); 
     } 

     if (url=="3") { 
      $mainContent.html('<p>Text3</>'); 
     } 

     if (url=="4") { 
      $mainContent.html('<p>Text4</>'); 
     } 


     // url = url + "#content"; 

     //$mainContent.animate({opacity: "0.1"}).html('<p>Please wait...</>').load(url, function() { 
      //$mainContent.animate({opacity: "1"}); 
     //}); 
    }); 

    $(window).trigger('hashchange'); 
});