`
fly533
  • 浏览: 107867 次
  • 性别: Icon_minigender_1
  • 来自: 广西
社区版块
存档分类
最新评论

项目遇到的问题(兼容浏览器的噩梦)

阅读更多
问题一:在一个页面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
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics