Несколько экземпляров jQuery.noConflict ()

Question

Я работаю с несколькими сценариями jQuery, которые включают в себя MenuFader (http://css -tricks.com / examples / MenuFader / ), канал Twitter и отметку времени. Кроме того, у меня есть пара сценариев Mootools, которые включают Barackslideshow (http://devthought.com/wp-content/moogets/BarackSlideshow/demo.html).) И, наконец, у меня есть бегущая строка с подсказками, взятыми с домашней страницы твиттера.

У меня изначально был конфликт с Jquery MenuFader и Mootools BarackSlideshow, но я легко исправил эту проблему с помощью jQuery.noconflict (); и заменил все соответствующие $ на jQuery.

К сожалению, после того, как я добавил тикер прокрутки из Twitter, Mootools BarackSlideshow и Jquery MenuFader больше не работают.

Я пытался реализовать jQuery.noconflict (); затем $ .noconflict (); тогда var j = jQuery.noconflict (); и заменил $, как я делал ранее, но я не могу заставить скрипты играть хорошо.

Любая помощь очень ценится ... Я работал над этим весь день. Я довольно новичок в javascript, но сумел справиться с большинством проблем с небольшой настойчивостью. Пожалуйста, посмотрите на скрипт ниже:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.0/jquery.min.js"     type="text/javascript"></script>
<script src="http://a2.twimg.com/a/1274914417/javascripts/fronts.js" type="text/javascript"></script> 

<script type="text/javascript"> 
//<![CDATA[

      $( function () {

  setTimeout(function() { $(".twtr-widget").append($("<div></div>").attr("class", "twtr-fade")); }, 0);

  (function() {
    var tabIndex = $("[tabindex]:last").attr("tabIndex");
    var setTabIndex = function() {
      $(this).attr("tabindex", ++tabIndex);
    }
    $(".footer-nav a").each(setTabIndex);
    $(".language-select a").each(setTabIndex);
  })();

    $("#signup_submit").scribe({
    event_name: "signup_submit_click",
    experiment: "ab_signup_button",
    bucket: "sign_up"
  }, "www_ab_tests");

  $('#signin_menu').isSigninMenu();

      new FrontPage().init();

      });

//]]>

Answer 1

noConflict - это просто и только изменение имени, под которым доступна библиотека jQuery.

Это попытка поиграть с другими фреймворками, которые также могут захотеть использовать имя $, но это все, что он делает .Это не решает никакой другой тип общего конфликта с другими структурами.Например, когда одна структура клонирует, изменяет или удаляет элемент с внутренними маркерами ID в jQuery, могут возникнуть странные ошибки, которые невозможно исправить. по-прежнему очень плохая идея использовать более одного фреймворка на одной странице, когда они настолько обширны и навязчивы, как jQuery.(Особенно jQuery 1.3, который был очень разборчив в том, к каким элементам он прикоснулся.)

Аналогично, два высокоуровневых плагина, которые работают с одними и теми же элементами, с большой вероятностью могут иметь нежелательные поведенческие взаимодействия.Скажем, один плагин привязывает поведение к элементу, но затем другой плагин удаляет этот элемент, чтобы заменить его прогрессивно улучшенной версией.Или один плагин пытается прочитать offsetWidth элемента, который больше не имеет видимой ширины, потому что другой плагин вызвал hide() для своего родителя.

Скрипты и плагины могут претендовать на полностью инкапсулированное поведение, которое выможет разбрасываться, не понимая, как они работают, но на самом деле это не так.Если вы связываете два сценария (которые специально не предназначены для совместной работы) с одними и теми же элементами, они могут помешать или потерпеть неудачу.Старайтесь держать элементы, на которые будут воздействовать различные плагины, отдельно друг от друга, чтобы уменьшить этот потенциал.