Конфликт версий JQuery. Начальный параллакс

Question

Я хочу использовать в одном документе различные JQuery. On используется в начальной загрузке MEGAMENU (1.11.0), а более старый используется в скрипте paralax.

Мой код выглядит так:

<script src="js/vendor/jquery-1.11.0.min.js" type="text/javascript"></script>
<script type="text/javascript">
var jQuery_1_11_0 = $.noConflict(true);
 $(function() {
        window.prettyPrint && prettyPrint()
        $(document).on('click', '.yamm .dropdown-menu', function(e) {
          e.stopPropagation()
        })
      })
</script>


<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<script type="text/javascript">
var jQuery_1_6_4 = $.noConflict(true);
$('#nav').localScroll(800);

    $('#intro').parallax("50%", 0.1);
    $('#second').parallax("50%", 0.1);
    $('.bg').parallax("50%", 0.4);
    $('#third').parallax("50%", 0.3);
</script>

Что с этим не так?

Answer 1

Включите вашу ссылку на JQuery.

<script src="js/vendor/jquery-1.11.0.min.js" type="text/javascript"></script>


// Run Your Code in another script tag. 
<script type="text/javascript">

 $(function() {

      // This code makes no sense to me, what intent do you have here?
      // It's essentially not doing anything at all. 
      window.prettyPrint && prettyPrint();


    $(document).on('click', '.yamm .dropdown-menu', function(e) {
      e.stopPropagation();
      // What else are you trying to do here?
    });

    // Adding the calls to the plugin. 
    $('#nav').localScroll(800);
    $('#intro').parallax("50%", 0.1);
    $('#second').parallax("50%", 0.1);
    $('.bg').parallax("50%", 0.4);
    $('#third').parallax("50%", 0.3);

 });

</script>

Я переместил вызовы в плагин параллакса внутри функции обтекания jQuery. Это должно работать нормально. Если он не проверяет, чтобы убедиться, что все, что требует jQuery, не требует или ломается для более поздних выпусков jQuery.

Я надеюсь, это поможет вам.