JS wai-aria和动态内容加载了jQuery

时间:2013-07-08 13:19:47

标签: javascript jquery wai-aria

我正在编写一个使用twitter bootstraparia的网络应用程序。我有一个带有排序选项的表,它看起来像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 );
}

咏叹调有什么方法,我动态地改变div的内容后应该打电话吗?

1 个答案:

答案 0 :(得分:0)

  

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

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

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

咏叹调有什么方法,我动态地改变div的内容后应该打电话吗?

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

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

<强>参考