Jquery AJAX加载方法和切换

首先，我为我的无知感到抱歉-（我目前正在尝试使用AJAX jQuery load（）方法为我的导航链接加载html页面内容。为此，我创建了一个id为的空div标记，并相应地替换它：

HTML主网页：

 <!--nav links-->:
<a href="#" id="index">Home</a>
<a href="#" id="news">News</a>
<a href="#" id="events"></a>

<!-- Main Container to be replaced-->
<div id="#pageContent"></div>

但是，#索引内容还有一个切换按钮，如果按下该按钮，它将重定向到另一个div-#新闻的特定部分，也被ajax调用。它的目的是转到特定的新闻文章（例如，我有一个10篇文章的列表，当有人按下#索引部分上的“阅读更多”按钮时，它将在#新闻部分加载第5篇文章）.我创建了JS函数来实现这一点，当我静态加载页面时，它会工作：

function showNews(newsToGo) {
            window.location.assign(newsToGo);
        }


        //-News Box 1-//
        document.getElementById('news-redirect1').addEventListener("click", function(){
                showNews("news.html#news-post-1");
        });

---

现在，我不知道如何让它在AJAX中工作。如果我不使用JS，它只会加载一个“裸”div。有人能给我指出正确的方向吗？

我想你可以试试这样的方法。如果你有一个“全局”页面JS文件，而不是加载每个单独的页面，你可以在上面有导航功能

例如，你可以有这样的东西（前提是我正确理解了你的问题）

---

为什么在使用jQuery时要使用

getElementById

和

addEventListener

呢？我不明白这个问题。你是说动态加载的内容中的按钮吗？这是我以前用来切换到文章的普通JavaScript方法，在我不使用AJAX的时候效果很好。现在也是我使用的是AJAX，我不知道如何更改它，使其引用带有AJAX ed div的主页，而不仅仅是div。是的，动态内容有一个按钮，可以切换到另一个动态内容的特定元素。这很有魅力！！非常感谢：D

function showNews(newsToGo) {
            window.location.assign(newsToGo);
        }


        //-News Box 1-//
        document.getElementById('news-redirect1').addEventListener("click", function(){
                showNews("news.html#news-post-1");
        });

function showNews(newsToGo) {
    window.location.assign(newsToGo);

    $('#pageContent')
        .empty()    // you could call empty, or you could clone the current content
                    // so you wouldn't have to reload it via ajax again
        .load(newsToGo, function(response, status, xhr){
            // do your news stuff here, like inits or whatever :)
        });
}