Question

我正在尝试从AJAX和jQuery学习一些东西，我相信这是程序员必须具备的基本知识。我是一名自我指导，因此我正在阅读教程和示例，以便尽可能地与这些技术取得联系。

我看到这个页面www.soby.gr，我猜想主要内容使用XML Feed（像聚合器这样的分组）。我的问题是他们在页面左侧的菜单中使用了什么。单击/选择一个选项时，主页面上的内容会根据用户单击的条件而更改。例如，SPA将仅显示具有SPA的交易。我喜欢的是过滤内容的速度有多快。

任何人都可以给我一些关于它如何工作以及用于快速改变内容的技术的线索吗？

谢谢大家。

Answer 1

“任何人都可以给我一些关于它如何工作的线索以及用于快速改变内容的技术吗？”

看起来所有内容都已加载到DOM中，并且它们只显示/隐藏了Prototype / JavaScript。

Answer 2

菜单工作方式背后的主要思想是基本过滤器。例如，最初将加载所有“交易项目”，并将多个相关类添加到每个项目。左侧的每个链接都会隐藏主区域中的所有交易项目，然后显示相关类别的所有项目。

此基本功能为quite easy to implement（edit），但也存在更多功能丰富的插件，例如Isotope for jQuery。

Answer 3

使用jquery可以非常轻松地完成。有一个名为.load('your div content page path')的内置函数的jquery，因此，当您单击一个菜单时，您只能加载特定的部分。以下是一个例子：

$(function(){
$("#1stmenu").live('click', function(){ 
    $("#content").load('1stdivcontent.html'); 
    return false;
});

$("#2ndmenu").live('click', function(){
    $("#content").load('2nddivcontent.html');
    return false;
});});

该网站使用哪些编程技术？

3 个答案: