如何在jQuery Autocomplete UI中顯示特殊字符？

Question

嗨，我正在嘗試讓諸如ééáá之類的特殊字符顯示在我的自動填充中。 例如，字母ë顯示為＆＃2 3 5; （無空格）。

我正在創建一個json_encode的php數組。 我可以同時使用ë（html_entity_decode）和＆＃2 3 5創建json； （無空格）在對象中。 當我使用ë創建json對象時，它不會顯示在自動填充中。

我的自動完成功能如下所示：

<script>
    $(document).ready(function() {
     $(function() {
     <?php echo "var availableCustomers = " . $this->searchCustomer . ";\n"; ?>
     $( "#customerAutocomplete" ).autocomplete({
     delay: 0,
     source: availableCustomers,
     select: function(event, ui) {
        window.location.href = '/customer/look-customer/deb/' + ui.item.deb;
         }
      });
     });        
    });
</script>

Answer 1

Autocomplete使您可以管理元素的渲染。 您可以從這一點開始，然后嘗試制作自定義渲染功能。 您只需要在配置中指定一個渲染函數即可：

$( "#customerAutocomplete" ).autocomplete({
    ... 
    _renderItem: function( ul, item ) {
        return $("<li>")
        .attr("data-value", item.value)
        .append($("<a>").html(item.label))
        .appendTo(ul);
    },
    ...
});

您可以console.debug該項以檢查其是否包含帶有重音符號的文本。