Google

Обход конфликтных ситуаций, связанных с подключением jQuery

Дата публикации:Февраль 9, 2011

Для того чтобы избежать конфликтных ситуаций, связанных с использованием короткой переменной $, необходимо ориентироваться на синтаксис noConflict режима. Функция wp_enqueue_script гарантирует загрузку jQuery в режиме noConflict. Во избежание конфликтов достаточно заменить переменную $ полной перемнной jQuery.

Установка собственной переменной jQuery

Если вы считаете переменную jQuery слишком длинной для написания, вы всегда можете заменить стандартную переменную $ на любую другую, оставаясь при этом в границах режима noConflict:

<script type="text/javascript">
var $jq = jQuery.noConflict();
$jq(document).ready(function() {
$jq("p").click(function() {
alert("Hello world!");
});
});
</script>

Способ безопасного использования переменной $

Несмотря на то, что использование переменной $ в пределах WordPress может приводить к различным конфликтам библиотек, существует возможность ее безопасного применения. Тем более, для использования $ есть множество веских причин. Не будет же разработчик при копировании каждого сценария изменять все вхождения $ на jQuery или любые другие короткие варианты? (говорят, есть такая опция «Найти и заменить», но мы про нее не слышали…) Следующий пример демонстрирует, как можно безопасно использовать переменную $ в jQuery скриптах:

jQuery(function ($) {
/* jQuery only code using $ can safely go here */
});

Связанные материалы:

  1. Связываем jQuery с WordPress
  2. Подключение jQuery к WordPress
  3. Подключение библиотеки jQuery
  4. Загрузка последней версии библиотеки jQuery
  5. Основы программирования

Один комментарий

  1. Ашот says:

    Спосибо большое!!!! Целый день голову сломоал над тем как собственные сценарии присоеденить в вордпресс. ничего не получалось….никак не мог разобраться в чем чудовищная причина)))))))))) надо было $ обозначить как jquery))))

    или так!

    jQuery(function ($) {
    наш скрипт
    });

    спосибо!!!!!!!!!!!!!!

Оставить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

*


Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>



Получать новые комментарии по электронной почте. Вы можете подписаться без комментирования.

Предыдущая запись:

Следующая запись: