Don't like ads? PRO users don't see any ads ;-)
Guest

Untitled

By: a guest on May 4th, 2012  |  syntax: None  |  size: 2.08 KB  |  hits: 14  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. jquery noConflict issue
  2. <link href="Lightbox/css/lightbox.css" rel="stylesheet" type="text/css" />
  3. <script type="text/javascript" src="Lightbox/js/prototype.js"></script>
  4. <script type="text/javascript" src="Lightbox/js/scriptaculous.js?load=effects,builder">    </script>
  5. <script type="text/javascript" src="Lightbox/js/lightbox.js"></script>
  6.        
  7. <script type="text/javascript">
  8.     jQuery.noConflict();
  9.     (function ($) {
  10.         $(document).ready(function () {
  11.             $("a[rel=lightbox[group1]]").live("click", function () {
  12.                 $("a[rel^='lightbox[group1]']").lightbox();
  13.                 return false;
  14.             });
  15.         });
  16.     })(jQuery);
  17. </script>
  18.        
  19. <script type="text/javascript">
  20.     jQuery(document).ready(function () {
  21.         jQuery("a[rel=lightbox[group1]]").live("click", function () {
  22.             jQuery("a[rel^='lightbox[group1]']").lightbox();
  23.             return false;
  24.             });
  25.     });
  26. </script>
  27.        
  28. <script type="text/javascript" src="other_lib.js"></script>
  29. <script type="text/javascript" src="jquery.js"></script>
  30. <script type="text/javascript">
  31.   $.noConflict();
  32.   jQuery(document).ready(function($) {
  33.     // Code that uses jQuery's $ can follow here.
  34.   });
  35.   // Code that uses other library's $ can follow here.
  36. </script>
  37.        
  38. <link href="Lightbox/css/lightbox.css" rel="stylesheet" type="text/css" />
  39. <script type="text/javascript" src="Lightbox/js/prototype.js"></script>
  40. <script type="text/javascript" src="Lightbox/js/scriptaculous.js?load=effects,builder">    </script>
  41. <script type="text/javascript" src="Lightbox/js/lightbox.js"></script>
  42. <script type="text/javascript" src="jquery.js"></script>
  43. <script type="text/javascript">
  44.     jQuery.noConflict();
  45.     (function ($) {
  46.         $(document).ready(function () {
  47.             $("a[rel=lightbox[group1]]").live("click", function () {
  48.                 $("a[rel^='lightbox[group1]']").lightbox();
  49.                 return false;
  50.             });
  51.         });
  52.         // other jQuery code that uses $ can go here
  53.     })(jQuery);
  54.     // other jQuery code that uses jQuery (but not $) can go here or in other script tags
  55. </script>