1

jQueryUI オートコンプリートを使用するのはこれが初めてでしたが、なんとか機能させることができました。クライアントが必要とする機能がもう 1 つあります。つまり、検索候補にクリック可能なカテゴリを含めることです。

たとえば、次の画像を見てください。

ここに画像の説明を入力

そのnewegg Webサイトから、「nvidia」を検索すると、提案リストが表示され、アイテム名だけでなく、それが含まれるカテゴリも表示されますが、カテゴリはリンクではなくテキストとして表示されます（つまり、カテゴリ自体はクリックできません）。サーバー上で実行されているサービスから検索結果を返し、候補を入力します。リンクを返す必要はありません。返された文字列を「in」で分割して「カテゴリ」を取得し、リンクを次のように生成できます <a href="someinternalpage.aspx?cat=category">Category</a>(このコードは簡単なアイデアのためのものです) 。しかし、ここで主な問題が発生します。上記のクリック可能なリンクを提案に入力するにはどうすればよいですか?

どんな助けでも大歓迎です。

4

2 に答える 2

3

selectオートコンプリートが公開するイベントを利用しwindow.locationて、適切な URL に設定します。

select: function (event, ui) {
    var category = $.trim(ui.item.value.split("in")[1])
        , url = "someinternalpage.aspx?cat=" + category;

    event.preventDefault();
    window.location.href = url;
}
于 2012-06-22T17:37:08.957 に答える
0

オートコンプリートのデモページに基づいて、提案はターゲットにできるようです.

つまり、クリック機能を登録してコンテンツを取得し、jQuery を使用して、検索用の正しい URL パス ( http://domain.com/search=+contentなど)を使用してウィンドウをリダイレクトするか、 JavaScript自体を使用してフォームを送信します。

JavaScript送信は、ここでかなり詳しく説明されています http://www.javascript-coder.com/javascript-form/javascript-form-submit.phtml

コードがなければ、それが問題に対処する方法です。

于 2012-06-22T06:35:42.650 に答える