是否将自动建议列表追加到特定的html标记？

时间：2012-07-27 作者：marctain

现在我有一个脚本，可以使用wordpress的“建议”自动建议一些帖子标题。js公司

<script type="text/javascript">
    var se_ajax_url = \'<?php echo admin_url(\'admin-ajax.php\'); ?>\';

jQuery(document).ready(function() {
jQuery(\'#love-input\').suggest(se_ajax_url + \'?action=se_lookup\', {
    onSelect: function() {
        thevalue = this.value;
        thevalue = thevalue.split(\' (\');
        jQuery(\'#love-input\').val(thevalue[0]);
    }
});
});
但是，它会将列表附加到我的body标记的底部，我不知道如何将它放在我想要的特定div中。帮助

1 个回复
SO网友:Tom

您应该关心标记输入类和CSS。在JS函数中可以设置所有CASS：

jQuery(document).ready(function ($) {
    $(\'#wpx_tags\').suggest(
        window.ajaxurl + "?action=wpx_tag_search",
        {   multiple:true,
            multipleSep: ",",
            resultsClass: \'wpx_ac_results\',
            selectClass: \'wpx_ac_over\',
            matchClass: \'wpx_ac_match\',
        }
    );
});
因此，这将增加wpx_ac_results 类添加到结果列表。这个CSS应该解决这个问题：

.wpx_ac_results {padding: 0;margin: 0; list-style: none;position: absolute;z-index: 10000; border: 1px solid #dddddd; box-shadow: 0 1px 2px rgba( 100, 100, 100, 0.8 );background-color: #fff;}
.wpx_ac_results li {margin-bottom: 0; min-width: 200px; padding: 2px 10px; font-size: 14px; white-space: nowrap; text-align: left; cursor: pointer;}
.wpx_ac_results .wpx_ac_over { background-color: #ddd;}
.wpx_ac_results .wpx_ac_over { background-color: #0073aa; color: #fff;}
标记输入如下所示：

<input id="wpx_tags" placeholder="Start typing tag name..." name="wpx_tags" autocomplete="off" value="" type="text">

结束
标签： autocomplete   小码农  

相关推荐

Tags as autocomplete values

如何将常规post标记作为自动完成字段的值加载？我现在得到的是这样的预设值：var data = {items: [ {value: \"1\", name: \"Siemens\"}, {value: \"2\", name: \"Phillips\"}, {value: \"3\", name: \"Whirlpool\"}, {value: \"4\", name: \"LG\"} }; $(\"#input_1_3\").autoSuggest(da