将变音符号传递给 jQuery UI 对话框答案

【问题标题】：Passing Umlauts to jQuery UI Dialog将变音符号传递给 jQuery UI 对话框
【发布时间】：2016-04-07 12:39:10
【问题描述】：

我正在尝试将一些文本设置为jQuery UI Dialog。

当传递带有元音变音的文本时，它会按预期出现在正文中，但在标题中显示为&uuml;。

$(document).ready(function() {
  zeigeDialog("&uuml;", "&uuml;");
})

function zeigeDialog(title, message) {
  $("#dialog").dialog({
    modal: true,
    title: title,
    buttons: {
      Ok: function() {
        $(this).dialog('close');
      }
    }
  });
  $("#dialog_Text").html(message);
}

Here is a fiddle.

【问题讨论】：

看起来 UI 小部件使用 .text() 而不是 .html() 作为标题，无论是有意还是作为错误。只是使用 utf-8 zeigeDialog("ü", "ü"); 一个选项吗？
@DanielBeck：我不知道。我可以确定它会在所有浏览器中正常显示吗？
UTF-8 是 html5 的默认编码，所以它应该可以工作。您需要确保您的整个管道也支持该编码（例如，如果这将存储在数据库中，则数据库也需要采用 utf-8 格式）。现在大多数工具都默认为 utf-8，这东西比以前容易多了……

标签： javascript jquery jquery-ui diacritics

【解决方案1】：

只需创建一个虚拟元素，使用您的标题设置它的 html 并检索文本。然后用它来设置标题

...
title: $('<span></span>').html(title).text(),
...

小提琴 - https://jsfiddle.net/e7e07ajr/

【讨论】：