使用磁带的静态搜索结果
使用磁带的静态搜索结果
提问于 2012-08-20 02:02:06
非常新的网页开发和Jekyll，并尝试实施TapirGo到我的网站，以允许静态搜索。看起来他们的Jquery插件在我的网站上是活跃的(当手动将参数?query=example添加到我的网站时，它似乎在加载我的网站时提到了tapir )，但我无论如何也想不出如何才能真正让结果出现在任何有意义的东西上。
理想情况下，我会在我的网站上有一个表单，它会显示一个结果列表，并允许访问者点击其中一个。
无论如何，下面是我的代码(主要是复制和粘贴)：
<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>提前感谢你的帮助！
回答 2
Stack Overflow用户
回答已采纳
发布于 2012-08-24 22:19:08
如果你想显示结果，你需要创建一个输入文本和一个按钮。你不需要调用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>');
});
}
);
});Stack Overflow用户
发布于 2012-09-10 07:37:19
我认为Tapir不再受支持。我已经使用Jquery实现了一个静态搜索机制myself。您可以重用here中的代码
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/12028714
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号