在Ajax创建的新页面中,document.ready可能无法正常使用。这是因为页面的加载方式不同于一般的静态页面,而是通过Ajax动态加载的。因此,我们需要修改加载方式,以确保document.ready能够正常起作用。
一种解决方法是使用jQuery的on()方法,绑定ready事件到document上,如下所示:
$(document).on("ready", function(){
// Your Code Here
});
另一种解决方法是使用jQuery的load()方法加载新页面,这将自动运行JavaScript代码,使得document.ready能够正常起作用。如下所示:
$('#content').load('/new_page', function(){
// Your Code Here
});
其中,#content是一个容器,用来显示新页面的内容。'/new_page'是需要加载的新页面的URL。
通过以上方法,我们可以在Ajax创建的新Flask页面中成功使用document.ready。