Two jqueries conflict with each other

Discussion in 'jQuery' started by artpromotionleb, Nov 21, 2013.

  1. #1
    Hello,
    I have an issue and colflict with two jquery scripts
    jquery.cbpContentSlider.js conflist with jquery.slides.min.js

    The first causes a parralex effect and moves from <li> sections
    The first on entry causes a slider of images, when I move with the sliding effects and return, sometimes the first script
    freezes and sometimes it works

    I tried on google a solution jquery.noconflict() but this simply kills the jqueries, they do not work
    Help is appreciated

    I try to reignite this function

    <script src="js/modernizr.custom.js"></script>
    <script src="js/jquery.cbpContentSlider.js"></script>
    <script src="sl3/jquery.slides.min.js"></script>
    <script>

    $(function() {
    $( '#cbp-contentslider' ).cbpContentSlider();

    $('#slides').slidesjs({
    width: 400,
    height: 600,
    play: {

    auto: true,
    interval: 1700,
    restartDelay: 300
    }
    });


    });


    function againer()
    {
    setTimeout(againer1(), 1800);
    }

    function againer1()
    {
    $('#slides').slidesjs({
    width: 400,
    height: 600,
    play: {

    auto: true,
    interval: 1700,
    restartDelay: 100
    }
    });

    }
    </script>
     
    artpromotionleb, Nov 21, 2013 IP
  2. saikatkhulna

    saikatkhulna Member

    Messages:
    15
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    33
    #2
    I am not clear about your problem but as i realize Please
    try this.

    $(function() {
    replace
    jQuery(document).ready(function() {

    and
    function againer()
    {
    ,
    function againer1()
    {

    also replace
    jQuery(document).ready(function() {

    I think it will be helpfull. If not please give the link i will try my best to help you.
     
    saikatkhulna, Nov 21, 2013 IP