使用 Tapir 的静态搜索结果答案

【问题标题】：Static Search Results using Tapir使用 Tapir 的静态搜索结果
【发布时间】：2012-08-19 18:02:05
【问题描述】：

对 Web 开发和 Jekyll 非常陌生，并尝试在我的网站中实现 TapirGo 以允许静态搜索。似乎他们的 Jquery 插件在我的网站上处于活动状态（当手动将参数 ?query=example 添加到我的网站时，加载我的网站时似乎提到了貘），但我终生无法弄清楚如何实际上让结果出现在任何有意义的地方。

理想情况下，我的网站中应该有一个表单，它会显示结果列表并允许访问者点击一个。

无论如何，这是我的（主要是复制和粘贴）代码：

<script src="http://code.jquery.com/jquery-1.7.2.min.js" type="text/javascript" charset="utf-8"></script>
<script src="/js/libs/modernizr-2.0.min.js"></script>
<script src="/js/libs/respond.min.js"></script>   
<script src="/js/jquery-tapir.min.js"></script>
<script>
    $('#search_results').tapir({'token': '502f16a53f61b006d6000bbc'});
</script>   
</head>
<body>
<div id="search_results"></div>
</body>

提前感谢您的帮助！

【问题讨论】：

非常有趣，我会看看并在我的网站上实现它。我会回来找你

标签： jquery full-text-search jekyll static-site

【解决方案1】：

如果你想显示结果，你需要创建一个输入文本和一个按钮。你不需要调用tapir(...) 方法，因为他们实现它的方式很垃圾:)（或者我不喜欢它，选择你喜欢的那个）

所以先做文本框和按钮，然后是div，会显示结果。

<!-- HTML -->
<input type="text" name="query" />
<input type="button" name="search" value="search" />
<div id="results"></div>

 ...

然后，

// Javascript
$('input[name="search"]').click(function(e) {
    $.getJSON(
        'http://tapirgo.com/api/1/search.json?token=' 
             + 'PUT_YOUR_TOKEN_HERE' 
             + '&query=' 
             + $('input[name="query"]').val()
             + '&callback=?', 
        function(data) {
            $('#results').empty();
            $.each(data, function(key, val) {
                $('#results').append('<div class="result"><h3><a href="'
                                     + val.link + '">' 
                                     + val.title + '</a></h3><p>' 
                                     + val.summary + '</p></div>');
            });
        }
    );
});

【讨论】：

您好，我对原始项目进行了分叉：github.com/sp4ce/jquery-plugin 包含“查询”选项，让您可以执行我在此处描述的操作

【解决方案2】：

我认为 Tapir 不再受支持。我已经使用 Jquery 实现了一个静态搜索机制myself。您可以重用来自here的代码

【讨论】：