我们已经设置了所有 Google 自定义搜索引擎(我们为网站的每个部分设置了一个不同的引擎)。我们的搜索用户界面已准备就绪。我们还准备了每个搜索结果子页面的模板。我们只需要最后一步来将所有内容关联起来:使“在以下位置搜索:”链接正常工作。
我们已经做了很多准备工作,所以这将非常简单。我们只需在单击不同区域以在其中搜索时,更改包含搜索表单的表单的 action
属性即可。如果我曾经见过的话,这绝对是简单的 jQuery 操作。
对于每个“在以下位置搜索:”链接,我们将为其提供一个 data-url
属性。此属性将保存我们打算在单击链接时移动到表单的 action
属性的值。这正是我们在几行 JS 代码中所做的。我们简要讨论了 .attr() 方法如何既可以是“getter”也可以是“setter”,这是 jQuery 中的常见做法。
我们剩下的时间用于编写一些额外的 CSS 和 jQuery,以便在链接上设置“active”类,这样当用户单击“论坛”(或任何其他链接)时,他们会收到反馈,表明该搜索限制当前处于活动状态(变为白色并带下划线,就像默认设置一样)。
我认为缺少一个视频。此视频一开始就提到您只是向我们展示如何设置搜索。之前的视频实际上是针对片段布局的 Photoshop 设置。
正在修复,谢谢 Mike。
我将隐藏此内容,因为它是一个临时问题。