Joomla Java script

Question

Может кто-нибудь помочь, я пытаюсь добавить простой код JavaScript для Joomla, но конфликтует с моим шаблоном t3. Кроме того, есть ли у кого-нибудь советы, чтобы избежать конфликта.

<script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>

<script> 
$(document).ready(function(){ 
    $('.text').hide(); 

    $('.container').hover(
     function() { 
      $(this).find('.image').slideUp(); 
      $(this).find('.text').slideDown(); 
     },function() { 
      $(this).find('.text').slideUp(); 
      $(this).find('.image').slideDown(); 
     } 
    ); 
}) 
</script> 

Answer 1

Вот некоторые предложения, чтобы избежать конфликтов.

1. Старайтесь избегать использования jQuery CDN несколько раз.
2. Проверьте, есть ли у вас библиотека jQuery, уже включенная в сайт с помощью исходного кода.
3. Используйте jQuery вместо $ в качестве селекторов кода, чтобы избежать конфликтов. Поскольку Joomla также использует mootools .js и mootools использует $ как селектор, который может вызвать конфликт, если вы используете в jQuery.
4. Добавление кода JavaScript в начало страницы может разрешить проблему.
5. Используйте для устранения конфликтов jQuery.noConflict().

ex.

<script> 
J = jQuery.noConflict(); 
$(document).ready(function(){ 
    // your code 
}); 
</script>