---
title: "How to possible conflicting jquery libraries?"  
description: "How to possible conflicting jquery libraries?"  
author: "Anonymous User"  
published: 2015-01-30  
updated: 2015-01-30  
canonical: https://www.mindstick.com/forum/12921/how-to-possible-conflicting-jquery-libraries  
category: "asp.net"  
tags: ["jquery"]  
reading_time: 2 minutes  

---

# How to possible conflicting jquery libraries?

I'm using the 'reveal modal' which is [working fine](https://answers.mindstick.com/qa/95550/why-is-the-safari-browser-not-working-fine) with the jquery-1.4.4. [library](https://www.mindstick.com/forum/34615/software-framework-vs-library) however since adding the library the 'pop-up' menu for the mobile [version](https://www.mindstick.com/articles/12845/things-to-remember-while-migrating-odoo-to-a-better-version) of the site has [stopped working](https://www.mindstick.com/forum/33501/unknown-andriod-poblem-unfortunately-app-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](https://www.mindstick.com/blog/12797/iowa-is-expected-to-see-heavy-growth-in-multiple-sectors) jquery [libraries](https://answers.mindstick.com/qa/49244/which-company-is-ahead-in-classification-of-data-for-libraries-innovations) without [conflict](https://yourviews.mindstick.com/view/30446/iran-usa-conflict) but it didn't seem to work so I'm [thinking](https://www.mindstick.com/blog/11889/how-to-change-your-thinking-paradigm) 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](https://answers.mindstick.com/qa/50405/apple-iphone-x-shows-up-liquid-detected-error-when-charging) on mobile size so you may have to decrease the width of your [browser](https://www.mindstick.com/blog/155254/which-is-the-best-internet-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');            }        });    });
```

## Replies

### Reply by Anonymous User

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>
```


---

Original Source: https://www.mindstick.com/forum/12921/how-to-possible-conflicting-jquery-libraries

Copyright © MindStick Software Pvt. Ltd. This Markdown version is provided for developers, AI systems, and offline reading.