Twitter打字未显示建议

Question

我在WordPress中与标记管理器一起工作的问题。

标签管理器正在工作。

从我可以看到所有JS脚本正在加载的内容中，JSON PHP文件正在预加载。在检查员中进行了验证。

此标签div位于bootstrap网格中，如果很重要。

html

            <div class="span6 cs_gray_t">
                <div id="prefetch">
                    <input type="text" name="tags" id="inTags" placeholder="Enter Tags" class="typeahead tm-input tm-tag-success" autocomplete="off" size="20" />
                </div>
                <p>Text...</p>
                <p>Text...
<!-- list a few random tags to help get them started --> 
<?php
    $i = 1;
    foreach ($topCharTags as $ts){
        echo $ts;
        if ($i < 10){
            echo ", ";
        }
        $i++;
    }
?>
                </p>
            </div>

那是HTML块，这是我的JS。

 var countries = new Bloodhound({
  datumTokenizer: Bloodhound.tokenizers.whitespace,
  queryTokenizer: Bloodhound.tokenizers.whitespace,
  limit: 10,
  prefetch: '../../../wp-content/themes/ata-child-files/js/json-tagbuild.php'
});
countries.initialize();
console.log(countries);
var tagApi = jQuery(".tm-input.tm-input-typeahead").tagsManager({
    prefilled: [<?php echo $existingTags ?>],
    blinkBGColor_1: '#FFFF9C',
    blinkBGColor_2: '#CDE69C',
    maxTags: 20,
    tagsContainer: "#divTagBox"
});
jQuery(".tm-input.tm-input-typeahead").typeahead(null, {
  source: countries.ttAdapter()
}).on('typeahead:selected', function (e, d) {
    tagApi.tagsManager("pushTag", d.name);
});

因此，我试图使用他们的网站进行预取示例，而更改很少。我只是不明白为什么它不起作用。

查看示例的源头时，我看到它呈现预先元素，然后填充建议。我看不到它在我的来源中这样做。

任何帮助或建议将不胜感激。我已经搞砸了几天，它只是不想工作。

这主要工作，但是行有问题

source: countries.ttAdapter()
}).on('typeahead:selected', function (e, d) {
    tagApi.tagsManager("pushTag", d.name);

我的json是一个字符串，我认为此功能可以解决一系列对象。我将如何更改此操作，以便仅使用字符串？

感谢您的帮助和建议！

Answer 1

我无法获得Twitter Typeahead与Tag Manager一起使用。因此，我使用了jQuery UI自动完成。这很好！因此，使用相同的HTML我使用此JS。我只是回应了我的json请求，它的作用很好！

<script type="text/javascript">
jQuery(".tm-input").tagsManager({
    prefilled: [<?php echo $existingTags ?>],
    blinkBGColor_1: '#FFFF9C',
    blinkBGColor_2: '#CDE69C',
    maxTags: 20,
    tagsContainer: "#divTagBox"
});
</script>
<?php
$sqlJSON = "
    SELECT DISTINCT
      fyxt_tax_list.tax_term
    FROM
      fyxt_tax_list
    ORDER BY
      fyxt_tax_list.tax_term";
$resultJSON = $wpdb->get_col($sqlJSON);
?>
<script>
jQuery(document).ready(function($) {      
  $( function() {
    var availableTags = <?php echo json_encode($resultJSON); ?>;
    $( "#inTags" ).autocomplete({
      source: availableTags
    });
  });
});
</script>

我希望我会走这条路。良好，干净且简单的代码。