1

对 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>

提前感谢您的帮助！

4

2 回答 2

0

如果要显示结果，则需要创建输入文本和按钮。你不需要调用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>');
            });
        }
    );
});
于 2012-08-24T14:19:07.903 回答
0

我认为 Tapir 不再受支持。我自己使用 Jquery实现了一个静态搜索机制。您可以从此处重用代码

于 2012-09-09T23:37:19.220 回答