JS conflicts with fancy box

[Sophia(sofi)]

My website is almost 80% done, but i do have this problem persisting from day one

 

All jquery files that I have used or scripts that I have written are conflicting with the fancy box js 1.11.2 

 

Here are the js versions and Scripts I have used 

 

These links below are used for add to cart 

 

https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js

 

js/tooltip.js

 

Below These are used for recommended products below to move left right. 

 

1) js/jquery.lbslider.js

 

2)

     jQuery('.slider').lbSlider({

          leftBtn: '.sa-left',

          rightBtn: '.sa-right',

          visible: 5,

          autoPlay: true,

         autoPlayDelay: 5

     });

 

 

Below are the js for  Product page zoom image and thumbnail selection

 

jquery.1.11.0.min.js

js/jquery.zoom.js

 

 

 

<script>

        $(document).ready(function(){

                $("#ex1").zoom();

                $('#ex2').zoom({ on:'grab' });

                $('#ex3').zoom({ on:'click' });

                $('#ex4').zoom({ on:'toggle' });

        });

</script>

  

<script>

  $(document).ready(function(){

    $('dl').click(function(){

      var largeImage = $(this).attr('data-full');

      $('.selected1').removeClass();

      $(this).addClass('selected');

      $('.full img').hide();

      $('.full img').attr('src', largeImage);

      $('.full img').fadeIn();

 

 

    }); // closing the listening on a click

    $('.full img').on('click', function(){

      var modalImage = $(this).attr('src');

      $.fancybox.open(modalImage);

    });

  }); //closing our doc ready

  </script>

 

While using these, my wishlist delete and details button doesnt work.

Add to Review not working due to conflicts.

Currency selector as per country doesnt work because of conflicts with the cart js. 

Above all none of my pop up's dont work throughout.

[vekia]

you use several instances of jquery on your website?

i understand it well?

[Sophia(sofi)]

Yes, I have but do you mean I should use a similar version of js through website ? 

[vekia]

2 different versions of jquery used at the same time can generate a lot of troubles

to avoid problems between 2 different versions of jquery use noConflict() function

 

it is well explained here:

https://api.jquery.com/jquery.noconflict/

[Sophia(sofi)]

Yes I am well aware of it and I have used the no conflict function . Infact I too noticed the same link that you have given and have implemented the same. I have  placed that function in the footer between the scripts but If I replace that above all my js or scripts my home page slider doesn't work at all.

[Sophia(sofi)]

https://gist.github.com/hereswhatidid/8c8edef106ee95138b03  

 

This override php file helped me solve the issue. Didn't have to do any version changes, and neither I replaced my js script.  Hope it might help someone stuck with the same issue. 

[Sophia(sofi)]

Hi vekia ,

  I fixed all the other issues on my website, but I have two major issues like 

 

I have used a tooltip.js for my cart function. That's working fine. But If I enable the currency converter on header menu it doesn't work at all. And So I disabled "my cart" to check the functionality of my currency converter according to different countries. But it isnt working on click althought I can inspect and see the list of countries. What could be the possible issue.