Ajax写内容后css,javascript不加载问题[原创]
今天网站出现了一个新的问题,
在苹果浏览器Safari里面,ajax刷出来的页面竟然css失效了。
Google了一把找到原因了,就是Safari内核就是这样的。
解决方法是:
<div id="insert">
<link rel="stylesheet" type="text/css" href="css_url" />
<style>自己的代码</style>
</div>
<script type="text/javascript" language="javascript">
document.getElementById("insert").innerHTML = document.getElementById("insert").innerHTML + ' ';
</script>
顺便把ajax写出来的js不听话的问题解决了吧。
解决方法是:
这里为了省事用了jQuery(原理是在head标签里面生成script标签,然后把内容拿过来写到script标签里)
<script type="text/javascript" language="javascript">
jQuery.getScript("your_script.js", function(){
alert("这里添加加载完成后执行方法");
});
</script>
在苹果浏览器Safari里面,ajax刷出来的页面竟然css失效了。
Google了一把找到原因了,就是Safari内核就是这样的。
解决方法是:
<div id="insert">
<link rel="stylesheet" type="text/css" href="css_url" />
<style>自己的代码</style>
</div>
<script type="text/javascript" language="javascript">
document.getElementById("insert").innerHTML = document.getElementById("insert").innerHTML + ' ';
</script>
顺便把ajax写出来的js不听话的问题解决了吧。
解决方法是:
这里为了省事用了jQuery(原理是在head标签里面生成script标签,然后把内容拿过来写到script标签里)
<script type="text/javascript" language="javascript">
jQuery.getScript("your_script.js", function(){
alert("这里添加加载完成后执行方法");
});
</script>