1

我正在编写一个使用twitter bootstrapand的 Web 应用程序aria。我有一个带有排序选项的表，它看起来：http://scr.hu/0ti4/4m3b7. 我的内容正在动态加载到#content div函数jQuery.html()中。当我点击F5一切正常时，但是在我通过 jQuery 将内容加载到包含这些表的 div 之后，出现了问题。表格失去了他们的搜索选项和分页栏.. 像这样：http://scr.hu/0ti4/42lll。

很少有功能也停止工作。我应该如何将动态内容加载到我的#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 的内容后应该调用？

4

1 回答 1

0

在我通过 jQuery 将内容加载到包含这些表的 div 之后，出现了问题。表格失去了搜索选项和分页栏

用于.wrap在现有标记周围添加动态内容：

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

是否有任何方法 aria 在动态更改 div 的内容后应该调用？

使用aria-live属性表示内容是动态的，并assertive作为值。

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

参考

于 2014-08-15T01:09:46.903 回答