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

WordPress更改内容而无需重新加载

1 个答案: