Отложенный javascript noConflict другой версии jquery - PullRequest
Новая
       10

Отложенный javascript noConflict другой версии jquery

0 голосов
/ 15 ноября 2018

В моей единственной функции мне нужно использовать дважды jquery версию. Один для функции all и другой jquery для функции one ..

Я не могу контролировать конфликт в дефферинге. 

<script defer type='text/javascript' src='<%=FrSettings.Settings.AppVirtualPath %>resource/js/jquery-11.0.min.js'></script>
<script defer type='text/javascript' src='<%=FrSettings.Settings.AppVirtualPath %>resource/js/unitegallery.min.js'></script>
<script defer type='text/javascript' src='<%=FrSettings.Settings.AppVirtualPath %>resource/js/ug-theme-carousel.js'></script>
<script defer type='text/javascript' src='<%=FrSettings.Settings.AppVirtualPath %>resource/js/jquery-3.3.1.min.js'></script>

window.addEventListener('DOMContentLoaded', function () {
        (function ($) {
            jQuery(document).ready(function ($) {

            // Need 2 different jquery version
            LoadVideos();
            });
        })(jQuery);
    });


       // Need only 1 jquery version
       window.addEventListener('DOMContentLoaded', function () {
        (function ($) {
            jQuery(document).ready(function ($) {
                LoadAnaOwl();
                LoadYayinAkisi();
                $('body').on('click', '.mansetPaginition li a', function () {
                    $('.mansetPaginition li a').removeClass('active');
                    $(this).addClass('active');
                });
                $(document).on('mouseenter mouseleave', '.mansetPaginition li a', function () {
                    $('.mansetPaginition li a').removeClass('active');
                    $(this).addClass('active');
                    window.location.hash = this.hash;
                });
            });
        })(jQuery);
    });
</script>

1 Ответ

0 голосов
/ 15 ноября 2018

Использование jQuery.noConflict.

jQuery.noConflict(bool) вернет функцию jQuery и восстановит переменную $ global до ее старой ссылки.bool указывает, удалять ли все глобальные переменные jQuery, включая jQuery.Вызов jQuery.noConflict(true), если загружены две версии jQuery, восстановит глобальные переменные jQuery с областями видимости из первой версии. 

window.addEventListener('DOMContentLoaded', function () {
        (function ($) {
            jQuery(document).ready(function ($) {
            window.jq331 = jQuery.noConflict(true);
            // Need 2 different jquery version
            LoadVideos();
            });
        })(jQuery);
});


<script src="https://code.jquery.com/jquery-1.1.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
var jq331 = jQuery.noConflict(true);
//jQuery and $ is version 1.1.0
//jq331 is version 3.3.1
console.log('jQuery version:',jQuery.fn.jquery);
console.log('$ version:', $.fn.jquery);
console.log('jq331 version:',jq331.fn.jquery);
</script>
...