Jquery Library Conflict - Unable to Resolve

Question

Tried Resolving the JQuery Conflict between Jquery Libraries 1.8.2 & 1.4.4 with all Methods described in various Stackoverflow Threads. But in Vain.

<script src="js/jquery-1.4.4.min.js" type="text/javascript"></script>
<script src="js/fshare.js" type="text/javascript"></script>
 <script type="text/javascript">
     $(document).ready(function () {
      $('#floating-bar').fshare({ theme: 'compact', upperLimitElementId:  'upper-limit-element', lowerLimitElementId: 'lower-limit-element' });
    });
</script>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="./js/jquery-1.8.2.min.js">\x3C/script>')</script>

Link for fshare.js: http://egrappler.com/jquery-floating-social-share-plugin-floatshare/

Possible duplicate of [Can I use multiple versions of jQuery on the same page?](http://stackoverflow.com/questions/1566595/can-i-use-multiple-versions-of-jquery-on-the-same-page) — Serge Seredenko, Oct 18 '15 at 12:41

score 0 · Answer 1 · answered Oct 18 '15 at 12:21

Here the solution for JQUERY conflict:

           var jQueryVersion = '1.11.2';
           var callback=function(isExists){
                    if (isExists) {
                        window.myJquery= jQuery.noConflict(true);

                    } else {                       
                        window.myJquery= $
                    }
                    console.log('local jQuery is loaded. Version: '.concat(window.myJquery.fn.jquery));
}
            jQueryCheck: function(callback) {

                var isExists = true;
                if (!window.jQuery || !$) {
                    isExists = false;
                    console.log('no jQuery on the site. Injecting JQUERY version: ' + jQueryVersion);
                }
                if (!isExists || window.jQuery().jquery !== jQueryVersion) {

                    var jQueryInstance = document.createElement('script');

                    jQueryInstance.type = 'text/javascript';
                    jQueryInstance.src = url_to_you_jquery_library
                    jQueryInstance.onload = function() {
                        callback(isExists);
                    };
                    jQueryGuavaInstance.onreadystatechange = function() {
                        if (this.readyState === 'complete') {
                            callback(isExists);
                        }
                    };
                    document.getElementsByTagName('head')[0].appendChild(jQueryInstance);
                    if (isExists) {
                        concole.log('jQuery exists on the site. Version: '.concat(window.jQuery().jquery));
                    }

                } else {
                    console.log('current site version is equals to newest jquery version. Site version: ' + window.jQuery().jquery + ', Latest JQUERY version: ' + jQueryVersion);
                }

            },

Jquery Library Conflict - Unable to Resolve

1 Answers1