Help needed implementing jQuery.noConflict

Help needed implementing jQuery.noConflict

Hey,

I'm having some issues with some parts of my website using a newer version of jQuery and an additional plugin using an older version.

I found out there is a no.Conflict command within jQuery, but can't seem to get it to work quite how I would like...

I've tried a few combos and this is the one I'm stuck with at the moment, but's throwing up errors for some other plugins that require 1.9.1 or higher, but the site seems to be functioning regardless.

Just can't get my head around why it's reverting back to 1.7.1 <17> or why the plateplayer will not function if I change the variable to jq171.

Hope someone can help...

  2. <head>
  3. <meta charset="UTF-8" />
  4.         <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  6. <script src="html/assets/js/jquery.min.js"></script>
  7. <script>var jq211 = jQuery.noConflict( true );</script>
  8. <link rel="stylesheet" href="html/assets/css/bootstrap.min.css" />
  9. <link rel="stylesheet" href="html/assets/css/font-awesome.min.css">
  10. <link rel="stylesheet" href="html/assets/css/maximage.css">
  11. <link rel="stylesheet" href="html/assets/css/qteemusic.css" />

  13. <script src="html/assets/js/modernizr.custom.min.js"></script>
  15. <link rel="stylesheet" href="plateplayer/plate/css/plate.css">
  16. <!--[if lte IE 7]><script src="plate/js/json2.js"></script><![endif]-->
  17. <script src="plateplayer/plate/js/jquery.js"></script>
  18. <script src="plateplayer/plate/js/jquery-ui.js"></script>
  19. <script src="plateplayer/plate/js/jquery.ui.touch-punch.min.js"></script>
  20. <script src="plateplayer/plate/js/jquery.cookie.js"></script>
  21. <script src="plateplayer/plate/js/jquery.easing.1.3.js"></script>
  22. <script src="plateplayer/plate/js/perfect-scrollbar.js"></script>
  23. <script src="plateplayer/plate/js/jquery.rotate.js"></script>
  24. <script src="plateplayer/plate/js/plate.js"></script>
  26. <script>
  28. jQuery(function(){
  29. jQuery('.plate.pl1').plate({
  30. playlist: [{title:'Celestial Matter Vol.1', artist:'DJ Q-Tee', file:'/media/Celestial_Matter_Vol.1.m4a', cover:'/media/covers/Celestial_Matter1.png'},
  31. {title:'Celestial Matter Vol.2', artist:'DJ Q-Tee', file:'/media/Celestial_Matter_Vol.2.m4a', cover:'/media/covers/Celestial_Matter2.png'},
  32. {title:'Celestial Matter Vol.3', artist:'DJ Q-Tee', file:'/media/Celestial_Matter_Vol.3.m4a', cover:'/media/covers/Celestial_Matter3.png'},
  33. {title:'Celestial Matter Vol.4', artist:'DJ Q-Tee', file:'/media/Celestial_Matter_Vol.4.m4a', cover:'/media/covers/Celestial_Matter4.png'},
  34. {title:'Celestial Matter Vol.5', artist:'DJ Q-Tee', file:'/media/Celestial_Matter_Vol.5.m4a', cover:'/media/covers/Celestial_Matter5.png'},
  35. {title:'Electro-lysis Vol.1', artist:'DJ Q-Tee', file:'/media/Electro-lysis_Vol.1.m4a', cover:'media/covers/Electro-lysisV1.png'},
  36. {title:'Electro-lysis Vol.2', artist:'DJ Q-Tee', file:'/media/Electro-lysis_Vol.2.m4a', cover:'media/covers/Electro-lysisV2.png'},
  37. {title:'Old Skool Sessions Vol.1', artist:'DJ Q-Tee', file:'/media/Old_Skool_Sessions_Vol.1.m4a', cover:'media/covers/Old_Skool_Sessions.png'},
  38. {title:'UK Garage Quik Mix', artist:'DJ Q-Tee', file:'/media/UK_Garage_Quik_Mix.m4a', cover:'media/covers/UKG_Quik_Mix.png'},
  39. //{title:'track title', artist:'artist', file:'/file/path.mp3', cover:'/cover/path.jpg', buyLink:'http://example.com/'},
  40. //{title:'Your stream', artist:false, file:'http://206.190.135.28:8006/;', cover:false}
  41. ],
  42. phpGetter: 'plateplayer/plate/php/plate.php',
  43. controls: ['cover', 'vinyl', 'trackInfo', 'progress', 'playlist', 'volume', 'random', 'repeat', 'play', 'prev', 'next', 'buyButton'],
  44. coverEffects: ['opacity'],
  45. coverAnimSpeed: 300,
  46. skin: 'dark',
  47. width: 350,
  48. playlistHeight: 200,
  49. plateDJ: false,
  50. changeTrackChangePlate: false,
  51. onStart: {
  52. pause: true,
  53. repeat: false,
  54. random: true,
  55. volume: 50,
  56. speed: 1
  57. },
  58. useCookies: true,
  59. preloadFirstTrack: true
  60. });
  61. });
  62. </script>
  63. <noscript>Sorry, you're need browser which supports <a href="http://musicstorm.org/#nojs">JavaScript</a></noscript>
  66. </head>
  67. <body>
  69. <script src="html/assets/js/bootstrap.min.js"></script>
  70. <script src="html/assets/js/waypoints.min.js"></script>
  71. <script src="html/assets/js/waypoints.sticky.js"></script>
  72. <script src="html/assets/js/jquery.nav.js"></script>
  73. <script src="html/assets/js/jquery.scrollTo.min.js"></script>
  74. <script src="html/assets/js/jquery.bxslider.min.js"></script>
  75. <script src="html/assets/js/jquery.cycle.all.min.js"></script>
  76. <script src="html/assets/js/jquery.mixitup.min.js"></script>
  77. <script src="html/assets/js/jquery.appear.js"></script>
  78. <script src="html/assets/js/jquery.maximage.min.js"></script>
  79. <script src="http://maps.google.com/maps/api/js?sensor=false"></script>
  80. <script src="html/assets/js/jquery.gmap.min.js"></script>
  81. <script src="html/assets/js/jquery.parallax.js"></script>
  82. <script src="html/assets/js/spirito.js"></script>
  83. <script src="html/assets/js/portfolio-grid.js"></script>
  84. <script>
  85. jq211(document).ready(function() {
  86. Spirito.init().initSliders().initPortfolio().initMaps();
  87. Grid.init();

  89. $(window).load(function(){
  90. $('#loader .logo-name, #loader .spinner').fadeOut(200,function(){
  91. $('#loader').fadeOut(700,function(){ 
  92. $(this).remove(); 
  93. $(window).trigger('scroll'); 
  94. });
  95. });
  96. Spirito.parallax();
  97. });
  98. });
  99. </script>
  101. </body>
  102. </html>