Twitter Bootstrap“TypeAhead”结果中的链接固定链接

时间：2012-04-04 作者：TheLoneCuber

Twitter引导程序有一个javascript插件，名为TypeAhead 这类似于谷歌即时搜索。我使用它将WordPress帖子标题拉入搜索框，使用以下代码c/o@StephenHarris

data-source=\'[<?php 
    $posts = get_posts( array( \'numberposts\' => -1, \'category\' => 0 ) );
    $post_titles = wp_list_pluck( $posts, \'post_title\' ); 
    $post_titles = array_map( \'esc_html\', $post_titles ); 
    echo \'"\'.implode( \'","\', $post_titles ).\'"\';
?>]\'
但是，您如何将post permalink链接到帖子标题的下拉列表？

1 个回复
最合适的回答,由SO网友:kaiser 整理而成

像@OneTrickPoney 指出，在核心中有一种替代方案。

jQuery UI autocomplete 随附WP默认安装。

自动完成功能（Autocomplete）添加到输入字段后，使用户可以在键入值时快速查找并从预先填充的值列表中进行选择，从而利用搜索和筛选功能。通过给自动完成字段焦点或在其中输入一些内容，插件开始搜索匹配的条目，并显示一个可供选择的值列表。通过输入更多字符，用户可以过滤列表以获得更好的匹配。

这可用于输入以前选择的值，例如，您可以使用自动完成功能输入标记，填写地址，输入城市名称并获取邮政编码，或者从通讯簿中输入电子邮件地址。

您可以从本地和/或远程源拉入数据：本地适用于小数据集（如有50个条目的通讯簿），远程适用于大数据集，如有数百或数百万条条目可供选择的数据库。

只需指定source选项，即可自定义Autocomplete以处理各种数据源。

jQuery解释

排队就行了。Take a look at my Q, 在那里你可以找到一些关于它的基本知识。

结束
标签： twitter-bootstrap   小码农  

相关推荐