Home > DeveloperSection > Forums > How to possible conflicting jquery libraries?
Monaj Singh
Monaj Singh

Total Post:41

Points:287
Posted on    January-30-2015 10:09 PM

 ASP.Net JQuery 
Ratings:


 1 Reply(s)
 557  View(s)
Rate this:

I'm using the 'reveal modal' which is working fine with the jquery-1.4.4. library however since adding the library the 'pop-up' menu for the mobile version of the site has stopped working. I removed the jquery-1.4.4. library and the 'pop-up'menu started working again but the modal stopped so I assume there is something conflicting with that library.

I have tried a piece of script that allows multiple jquery libraries without conflict but it didn't seem to work so I'm thinking the easiest way is to maybe re-wrtie the code for the 'pop-up- menu in a way that doesnt conflict but i'm not sure how.

The code I'm using for the pop-up' menu is as follows. (the menu only shows up on mobile size so you may have to decrease the width of your browser)

$(function() {

        var pull        = $('.pull');

            menu        = $('.navigation ul');

            menuHeight  = menu.height();

 

        $(pull).on('click', function(e) {

            e.preventDefault();

            menu.slideToggle();

        });

 

 

        $(window).resize(function(){

            var w = $(window).width();

            if(w > 320 && menu.is(':hidden')) {

                menu.removeAttr('style');

            }

        });

    });



Goti Bandu

Total Post:119

Points:835
Posted on    January-30-2015 10:27 PM

Using the following should solve your issue:

    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

    <script>

        //code that uses 1.10.2 should be enclosed as follows right after loading 1.10.2

        jQuery(function( $ ) {

            //1.10.2 code goes here

        });

    </script>

    <script src="js/jquery-1.4.4.min.js"></script>

    <script>

        //code that uses 1.4.4 should be enclosed as follows

        jQuery(function( $ ) {

            //1.4.4 code goes here

        });

    </script>


Don't want to miss updates? Please click the below button!

Follow MindStick