jQuery，Bootstrap模態和Aria項

Question

我在這里擺弄着一個小提琴 ，顯示出一個難題。 我正在使用jQuery在其他應用程序中設置data-和aria屬性，但突然之間我似乎無法使其在此應用程序中正常工作。

小提琴是最小的。 結果窗格中將不會顯示任何內容。 您可以使用自己喜歡的開發人員工具向下鑽取代表模式的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");