javascript - jQuery、Bootstrap 模式和 Aria 项目

Question

我有一个fiddle here这显示了一个谜题。我正在使用 jQuery 在其他应用程序中设置 data- 和 aria 属性，但突然间我似乎无法使其在这个应用程序中工作。

fiddle 是最小的。结果 Pane 中不会显示任何内容。您可以使用您最喜欢的开发人员工具深入了解表示模式的 DOM 对象。在 Chrome 和 FireFox 中，我没有看到 javascript 建议应该存在的 data 或 aria 属性。

模式的外部 div 当前正在创建为:

var modal = $("<div/>").prop("id", "popupError")
  .addClass("modal")
  .addClass("fade")
  .prop("tabindex", "-1")
  .prop("role", "dialog")
  .prop("aria-labelledby", "Pop up error")
  .prop("aria-hidden", "true")
  .appendTo("body");

我认为 DOM 元素可能已经存在，所以我尝试了:

var modal = $("<div/>").prop("id", "popupError")
  .addClass("modal")
  .addClass("fade")
  .prop("tabindex", "-1")
  .appendTo("body");

$("#popupError")
    .prop("role", "dialog")
    .prop("aria-labelledby", "Pop up error")
    .prop("aria-hidden", "true");

结果相同。我还尝试过使用 attr 而不是 prop。

想法？

Answer 1

它与attr一起使用。

var modal = $("<div/>").prop("id", "popupError")
    .addClass("modal")
    .addClass("fade")
    .prop("tabindex", "-1")
    .attr("role", "dialog")
    .attr("aria-labelledby", "Pop up error")
    .attr("aria-hidden", "true")
    .appendTo("body");