1

Web開発とJekyllは非常に新しく、静的検索を可能にするためにTapirGoを私のWebサイトに実装しようとしています。彼らのJqueryプラグインが私のサイトでアクティブになっているように見えます（パラメータ？query = exampleを私のサイトに手動で追加すると、私のWebサイトをロードするときにバクについて言及しているようです）が、私はその方法を一生理解できません実際に結果を取得して、意味のあるものに表示します。

理想的には、結果のリストを表示し、訪問者が1つをクリックできるようにするフォームをWebサイトに用意します。

とにかく、これが私の（主にコピーして貼り付けた）コードです：

<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 に答える