CODEWITHSUNDEEP
jquery
Dar
Dar

Reputation: 169

Jquery no conflict magento

Need help on this javascript i tried to add noconflict but nothing happen 

<script type="text/javascript">
            jQuery.noConflict();
            jQuery('.carousel').iosSlider({
                desktopClickDrag: true,
                snapToChildren: true,
                infiniteSlider: false,
                navNextSelector: '.new-arrow.next',
                navPrevSelector: '.new-arrow.prev'
            });    
        </script>

Any help is appreciated.

Upvotes: 0

Views: 3857

Answers (1)

Kevin Bowersox
Kevin Bowersox

Reputation: 94499

Store jquery in a variable, then when code must reference the stored version use the variable. Also make sure you have the jquery script above your noconflict code.

<!-- Old Jquery Version -->
<script type="text/javascript" src="jquery-1.7.js"></script>
<script type="text/javascript">
   var j = jQuery.noConflict();
   j('.carousel').iosSlider({
      desktopClickDrag: true,
      snapToChildren: true,
      infiniteSlider: false,
      navNextSelector: '.new-arrow.next',
      navPrevSelector: '.new-arrow.prev'
    });    
 </script>
 <!--Latest Jquery Version -->
 <script type="text/javascript" src="jquery.js"></script>

Upvotes: 2

Related Questions