Fancybox doesn’t work with jQuery v1.9.0 [ f.browser is undefined / Cannot read property ‘msie’ ]

by

It seems like it exists a bug in jQuery reported here : http://bugs.jquery.com/ticket/13183 that breaks the Fancybox script.

Also check https://github.com/fancyapps/fancyBox/issues/485 for further reference.

As a workaround, rollback to jQuery v1.8.3 while either the jQuery bug is fixed or Fancybox is patched.

UPDATE (Jan 16, 2013): Fancybox v2.1.4 has been released and now it works fine with jQuery v1.9.0.

For fancybox v1.3.4- you still need to rollback to jQuery v1.8.3 or apply the migration script as pointed out by @Manu’s answer.

UPDATE (Jan 17, 2013): Workaround for users of Fancybox v1.3.4 :

Patch the fancybox js file to make it work with jQuery v1.9.0 as follow :

  1. Open the jquery.fancybox-1.3.4.js file (full version, not pack version) with a text/html editor.

  2. Find around the line 29 where it says : 

    isIE6 = $.browser.msie && $.browser.version < 7 && !window.XMLHttpRequest,

    and replace it by (EDITED March 19, 2013: more accurate filter):

    isIE6 = navigator.userAgent.match(/msie [6]/i) && !window.XMLHttpRequest,

    UPDATE (March 19, 2013): Also replace $.browser.msie by navigator.userAgent.match(/msie [6]/i) around line 615 (and/or replace all $.browser.msie instances, if any), thanks joofow
    … that’s it!

Or download the already patched version from HERE (UPDATED March 19, 2013 … thanks fairylee for pointing out the extra closing bracket)

NOTE: this is an unofficial patch and is unsupported by Fancybox’s author, however it works as is. You may use it at your own risk 😉

Optionally, you may rather rollback to jQuery v1.8.3 or apply the migration script as pointed out by @Manu’s answer.

More Related Contents:

  1. fancy box work with iframes in beforeShow function?
  2. Fancybox stuck loading iframe in IE
  3. Can Fancybox be responsive only horizontally for tall content?
  4. Fancybox links don’t show in lightbox – what am i missing?
  5. call Fancybox in parent from iframe
  6. Delay pop-up for 10 seconds, only pop up once
  7. How do I hide the tooltip on hover from the title tag when using FancyBox 2.0?
  8. jquery fancybox 2.0.3 – prevent close on click outside of fancybox
  9. How to create separate Fancybox galleries on the same page?
  10. HTML Attribute rel Errors using fancyBox
  11. Unable to load google in iframe in fancybox
  12. How to create a direct link to any fancybox box
  13. How to launch jQuery Fancybox on page load?
  14. How do you resize Fancybox at runtime?
  15. Fancybox: iframe doesn’t work
  16. Fancybox2 – different content for tooltip and image title, both from title attribute?
  17. fancybox2 / fancybox causes page to to jump to the top
  18. How do I make fancybox href dynamic?
  19. Fancybox (jQuery) – Passing information from parent to iframe and iframe back to parent
  20. Open YouTube video in Fancybox jQuery
  21. jQuery – What are differences between $(document).ready and $(window).load?
  22. How can I find elements by text content with jQuery?
  23. Calculating text width
  24. How to retrieve checkboxes values in jQuery
  25. jQuery won’t parse my JSON from AJAX query
  26. How to check if image exists with given url?
  27. How do I get the height of a div’s full content with jQuery?
  28. Use Bootstrap 3 dropdown menu as context menu
  29. jquery can’t get data attribute value
  30. What’s faster for including scripts, using CDN (Google) or storing them locally in website’s root?

Leave a Comment