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 a和#content a，即使将新锚添加到#left或#content div，它们仍将连接到点击处理程序此时，您定义逻辑以告诉它将新内容作为AJAX调用加载而不是转到新页面。我给出了演示逻辑来帮助你入门。

将内容加载到加载内容的DIV标记中

2 个答案: