#95:用于多个 Google 自定义搜索引擎的 JavaScript

我们已经设置了所有 Google 自定义搜索引擎(我们为网站的每个部分设置了一个不同的引擎)。我们的搜索用户界面已准备就绪。我们还准备了每个搜索结果子页面的模板。我们只需要最后一步来将所有内容关联起来:使“在以下位置搜索:”链接正常工作。

我们已经做了很多准备工作,所以这将非常简单。我们只需在单击不同区域以在其中搜索时,更改包含搜索表单的表单的 action 属性即可。如果我曾经见过的话,这绝对是简单的 jQuery 操作。

对于每个“在以下位置搜索:”链接,我们将为其提供一个 data-url 属性。此属性将保存我们打算在单击链接时移动到表单的 action 属性的值。这正是我们在几行 JS 代码中所做的。我们简要讨论了 .attr() 方法如何既可以是“getter”也可以是“setter”,这是 jQuery 中的常见做法。

我们剩下的时间用于编写一些额外的 CSS 和 jQuery,以便在链接上设置“active”类,这样当用户单击“论坛”(或任何其他链接)时,他们会收到反馈,表明该搜索限制当前处于活动状态(变为白色并带下划线,就像默认设置一样)。