Javascript 这是不是贬值了？如何更新？

星期天快乐

我一直在寻找我的WordPress站点的Ajax解决方案，这样当点击时，一篇文章就会显示出来，而无需重新加载网页。我觉得现在很标准

这是一个全屏风格的网站，一次显示1篇文章，我希望能够有一个简单的导航和下一个/上一个功能，点击后将显示下一篇文章，而无需重新加载

然而，在学习了一些教程之后，并尽我最大的努力自己编写脚本，我却没有发现任何运气

我开始了解到脚本可能已被弃用，并且在当前版本的WordPress和jQuery中不再被接受

任何和所有的帮助都将不胜感激，因为这对我来说是一段时间的痛苦。无法编写自定义代码或插件：(

我不希望有任何旋转图标或爵士乐，只是在不透明度上做了一个简单的改变。目前我的脚本如下。（#容器是我的主包装，#内容是我想要替换的容器中的实际内容。）

---

在顶部的

（function（）{

）处，将其替换为

jQuery（function（$）{

而且它可能会工作得更好。对主题的回答是，代码中使用的任何方法都不会被弃用。如果不能够看到代码中的浏览器控制台中发生了什么，或者不知道正在使用的各种url的输出是什么，就很难提供帮助

(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"});
    });


}); 

});