将内容加载到DIV标签中，从中加载内容

Question

我有一个网站，左侧面板，右侧是内容div。 当我单击左侧面板中的任何链接时，我使用Javascript Ajax调用将内容加载到div标签（名为“ content”）中。

就我而言，加载到div标签中的视图也具有链接，因此，通常，如果我单击它们，它们将打开一个全新的页面。 我希望它们也加载到与它们相同的div标签中。

我该如何实现？

Answer 1

如果您要求在同一页面上打开新链接，则可以使用以下内容

$( "#target" ).click(function() {
var newurl="http://" + window.location["host"];
    window.location.href = newurl; // or simply window.location
})});

Answer 2

假设您有一个#left和#content窗格，则可以执行以下操作：

$(document).on('click', '#left a, #content a', function()
{
   var href = $(this).attr('href');
   if(!href || href[0] != '/') return; // relative URLs only

   // Do your AJAX call here
});

通过使用这种jquery语法，即使将新的锚添加到#left或#content div中，您也可以在文档上绑定并过滤到#left a和#content a ，它们仍将连接到该单击处理程序。 到那时，您可以定义逻辑来告诉它将新内容作为AJAX调用而不是转到新页面来加载。 我给出了演示逻辑来帮助您入门。