facebox的一点小bug

解决facebox跨浏览器显示问题

最新推荐文章于 2020-11-22 13:19:23 发布

原创最新推荐文章于 2020-11-22 13:19:23 发布 · 193 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#Chrome #jQuery #IE #Firefox #JavaScript #ViewUI

js 专栏收录该内容

24 篇文章

订阅专栏

本文探讨了在使用facebox插件时遇到的跨浏览器兼容性问题，特别是在IE和Chrome中无法正确显示div元素的现象。通过对源代码的调试与修改，最终找到了解决方案：通过调用html()方法来确保内容在各个浏览器中都能正常呈现。

今天在调试js的时候，发现facebox中的方法 reveal


  reveal: function(data, klass) {
      $(document).trigger('beforeReveal.facebox')
      if (klass) $('#facebox .content').addClass(klass)
      $('#facebox .content').append(data)
      //alert(data)
      $('#facebox .loading').remove()
      $('#facebox .body').children().fadeIn('normal')
      $('#facebox').css('left', $(window).width() / 2 - ($('#facebox table').width() / 2))
      $(document).trigger('reveal.facebox').trigger('afterReveal.facebox')
    },

$('#facebox .content').append(data)这句话，在ie和chrome中，无法显示div，虽然是能alert出来data；在firefox中，能正常显示。。。不知道是不是不同浏览器中，对jquery对象的不兼容还是怎么的。
于是我用这句话代替:$('#facebox .content').append(data.html()) 正常显示。
是有点摸不着头脑，为什么呢？！