小编Moh*_*ker的帖子

11ty 中的搜索功能

我正在根据本教程在 11ty 网站上构建基本搜索功能。我的问题是,当我键入表单并提交它时,即使我包含preventDefault()在代码中,它也会将我带到另一个站点。我是否错过了这些步骤,或者是否有更好的方法在网站中实现该功能?

这是我的代码和演示网站的链接:

(function (window, document, undefined) {
    'use strict';
    let form = document.querySelector('#form-search');
    let input = document.querySelector('#search-input');
    let resultList = document.querySelector('#search-results');

    /**
     * Create the HTML for each result
     * @param  {Object} article The article
     * @param  {Number} id      The result index
     * @return {String}         The markup
     */
    let createHTML = function (article, id) {
        let html =
            '<div id="search-result-' + id + '">' +
                '<a href="' + article.url + '">' +
                    '<aside>' + …
Run Code Online (Sandbox Code Playgroud)

html javascript eleventy

4
推荐指数
1
解决办法
324
查看次数

标签 统计

eleventy ×1

html ×1

javascript ×1