JS Wai-aria和jQuery加載的動態內容

Question

我正在編寫一個使用twitter bootstrap和aria的Web應用程序。 我有帶排序選項的表，看起來： 。 我的內容是使用jQuery.html()函數動態加載到#content div 。 當我按F5一切正常，但是當我通過jQuery將內容加載到包含這些表的div中后，出現了問題。 表格會丟失其搜索選項和分頁欄。 。

很少有功能會停止工作。 如何將動態內容加載到#content div ？

我當前的代碼：

this.getContent = function(page){
    var self = this;
    $('#center-column').removeAttr("class");
    if (page.indexOf('&') > 0)
        $('#center-column').addClass( page.substr(0, page.indexOf('&') ) );
    else $('#center-column').addClass( page );

    $.get( $('body').attr('id')+".php?page="+page+"&mode=ajax",
        function(data){
            self.fetchData( data );
        }, "json");
}

this.fetchData = function(data){
    if (data.redirect_url != null)
        window.location = data.redirect_url;
    $("#content").html( data.html );
}

aria有什么方法可以動態更改div的內容並調用？

Answer 1

當我通過jQuery將內容加載到包含這些表的div中后，出現了問題。 表格丟失了搜索選項和分頁欄

使用.wrap在現有標記周圍添加動態內容：

$("#content").html(  $(data.html).wrap("#content")  )

aria有什么方法可以動態更改div的內容並調用？

使用aria-live屬性以指示內容是動態的， assertive的價值。

$("#content").attr("aria-live", "assertive")

參考文獻

• JSON-ARIA
• 使用ARIA role = alert或活動區域來識別錯誤
• 在特殊情況下的實時區域之間進行選擇
• 詠嘆調（財產）
• ARIA實踐：管理動態變更