我正在使用下面的
AJAX代码将来自另一个
HTML文件的内容附加到我的索引页面. AJAX工作正常,我的内容显示,但我在CSS编码的样式在AJAX运行后没有应用.
我一直在网上寻找问题的答案,但到目前为止我尝试过的解决方案都没有奏效.下面我正在使用.trigger(‘create’)来尝试强制CSS刷新我正在追加的内容,但它不起作用.如果我通过浏览器手动刷新页面,则应用我的样式.有人能指出我正确的方向,如何在AJAX运行后刷新样式而不刷新整个页面?
$.ajax({ type: "GET",
url: pageToLoad,
async: false,
success : function(data)
{
$(data).find('#'+divID).appendTo('#contentcontainer').trigger('create');
}
});
要附加到索引页的HTML:
Portfolio
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras vestibulum libero non egestas dapibus. Nam gravida, libero ac posuere eleifend, mauris nisi venenatis metus, non hendrerit magna justo eget lectus.
在default.css中应用的CSS样式:
#index {background-color:#82e4e5;}
#portfolio {background-color:#fb5656;}