Question

我正在编写一个使用twitter bootstrap和aria的网络应用程序。我有一个带有排序选项的表，它看起来像。我的内容通过#content div函数动态加载到jQuery.html()。当我点击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 );
}

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

Answer 1

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

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

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

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

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

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

<强>参考

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

1 个答案: