Joomla Java脚本

Question

有人能帮我吗?我正试着给Joomla添加一个简单的ease JavaScript代码，但是这与我的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使用$作为选择器，如果在Joomla中使用，则可能会导致冲突，因此将JavaScript代码放到页面底部可能会解决问题。
4. 使用jQuery.noConflict()解决冲突。

例如。

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