WordPress меняет контент без перезагрузки

Question

У меня есть тема WordPress, в которой я должен создать страницу с фильмом, который идет цикл.у него есть 3 пункта меню, которые изменяют текст div без перезагрузки страницы.

Пока проблем нет.

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

Но когда я на другой странице, и я нажимаю, например, вторую ссылку, он должен перейти на страницу видео и изменить текст на второй.

Как я могу это сделать?

Есть ли способ сделать это с?

url/wordpressname/#1

Answer 1

Нашел решение: я нашел решение здесь: http://www.deluxeblogtips.com/2010/05/how-to-ajaxify-wordpress-theme.html

, которое я изменил в соответствии со своими потребностями:

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');
});