Question

快乐的星期天。

我一直在寻找Ajax我的WordPress网站的解决方案，这样点击后的帖子就会显示而不会重新加载网页。我认为这些日子很标准。

这是一个全屏风格的网站，一次显示1个帖子，我希望能够有一个简单的导航和next / prev功能，点击后将显示下一个帖子而不重新加载。

但是，按照一些教程并尽我所能自己编写脚本，我发现没有运气。

我开始明白，在当前版本的WordPress和jQuery中，该脚本可能已被弃用且不再被接受。

任何和所有的帮助都会非常感激，因为这对我来说是一段时间的痛苦。编写自定义代码或插件没有运气:(

我不打算使用任何旋转图标或爵士乐，只是简单地改变不透明度。目前我的脚本如下。（#container是我的主要包装，而#content是容器中我想要替换的实际内容。）

(function() {

var $container = $("#container"),
    siteURL = "http://" + top.location.host.toString(),
    $internalLinks = $("a[href^='"+ siteURL +"']"),
    hash = window.location.hash,
    URL = '',
    $el;


if (hash) {

    $container.animate({ opacity: "0.1" });
    hash = hash.substring(1);
    URL = hash + " #content";
    $container.load(URL, function() {
        $container.animate({opacity: "1"});
    });


}       

$internalLinks.each(function() {
    $(this).attr("href", "#" + this.pathname);
}).click(function() {
    $container.animate({ opacity: "0.1" });
    $el = $(this);
    URL = $el.attr("href").substring(1);
    URL = URL + " #content";
    $container.load(URL, function() {
        $container.animate({opacity: "1"});
    });


}); 

});

这个AJAX折旧了吗？我该如何更新？

0 个答案: