Ajax WordPress无需重新加载即可更改内容

我有一个wordpress主题，我必须创建一个页面，其中有一个循环播放的电影。 它有3个菜单点，可以在不重新加载页面的情况下更改div文本

到目前为止没有问题

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

---

找到解决方案：我在这里找到了解决方案：

我根据自己的需要对其进行了更改：

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

jQuery（文档）.ready（函数（$）{
var$mainContent=$（“#文本”），
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；
//返回false；
}); 
$（“#搜索表单”）。提交（功能（e）{
location.hash='？s='+$（“#s”）.val（）；
e、 预防默认值（）；
}); 
$（窗口）.bind（'hashchange'，function（）{
url=window.location.hash.substring（1）；
如果（！url）{
返回；
} 
如果（url==“1”）{
$mainContent.html（“Text1”）；
} 
如果（url==“2”）{
$mainContent.html（“Text2”）；
} 
如果（url==“3”）{
$mainContent.html（“Text3”）；
} 
如果（url==“4”）{
$mainContent.html（“Text4”）；
} 
//url=url+“内容”；
//$mainContent.animate（{opacity:“0.1”}）.html（'请稍候…'）。加载（url，函数（）{
//$mainContent.animate（{opacity:“1”}）；
//});
});
$（window.trigger（'hashchange'）；
});

您可以将解决方案添加为答案，并将其标记为“已接受”。这样问题就不会一直悬而未决了：）是的，我忘了，我还得花一天的时间来回答我自己的问题。谢谢你提醒我。

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