我正在编写一个使用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的内容后应该打电话吗?
答案 0 :(得分:0)
在我通过jQuery将内容加载到包含这些表的div之后,出现了问题。表丢失了他们的搜索选项和分页栏
使用.wrap
在现有标记周围添加动态内容:
$("#content").html( $(data.html).wrap("#content") )
咏叹调有什么方法,我动态地改变div的内容后应该打电话吗?
使用aria-live
属性表示内容是动态的,assertive
作为值。
$("#content").attr("aria-live", "assertive")
<强>参考强>