问题一:在一个页面A点击一个超链接后,页中的一个div的内容发生变化,ajax异步加载显示一个jsp页面B的内容,现在是,jsp可以显示出来,但是在Safari,jsp中的javascript代码却全部失效了。其他浏览器没问题。
简单的解决方法:把要加载的jsp页面B的JS方法放到第一个页面A上,也可以在页面B上调用页面A的js方法。
问题二:Safari 通过ajax异步加载的页面(本问题在第二次加载之后,即页面在第三层了)无法调用Jquery的thickbox 弹出层。
解决办法:
1、thickbox 弹出层放在第一层页面。
2、语句也放在第一层页面<input style="display: none" alt="#TB_inline?height=100&width=350&inlineId=myOnPageContent" id="clickToOpen" title="弹出层" class="thickbox" type="button" value="弹出层" />
3、第一层页面写一方法,用来触发2中写的的弹出层
function openNewDiv(){
$('#clickToOpen').click();
}
4、第三层页面,写个按钮之类,触发3中的方法openNewDiv(),即可.
问题三:一控件(如按钮)触发ajax异步请求,为防止用户多次点击控件,造成多次触发
先把onclick事件清除:
var obj=document.getElementById('saveFavor').onclick;
document.getElementById('saveFavor').onclick=null;
。。。这里处理ajax请求。。。
document.getElementById('saveFavor').onclick=obj;
本问题是Safari 调用$.get时,出现没有反应,而使用
$.ajax({
url: url,
global: false,// 禁用全局Ajax事件.
async:false,
cache:true,
complete:function(returnStr){}
兼容各浏览器一些要用到的东西:
一:判断浏览器
来至:http://www.js8.in/414.html
function userBrowser(){
var browserName=navigator.userAgent.toLowerCase();
if(/msie/i.test(browserName) && !/opera/.test(browserName)){
alert("IE");
return ;
}else if(/firefox/i.test(browserName)){
alert("Firefox");
return ;
}else if(/chrome/i.test(browserName) && /webkit/i.test(browserName) && /mozilla/i.test(browserName)){
alert("Chrome");
return ;
}else if(/opera/i.test(browserName)){
alert("Opera");
return ;
}else if(/webkit/i.test(browserName) &&!(/chrome/i.test(browserName) && /webkit/i.test(browserName) && /mozilla/i.test(browserName))){
alert("Safari");
return ;
}else{
alert("unKnow");
}
二、jquery.ajax参数列表
http://apps.hi.baidu.com/share/detail/5567035