问题描述
任何人都可以帮忙，我正在尝试向Joomla添加一个简单的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>
1楼
这里有一些避免冲突的建议。
-
尽量避免多次包含
jQuery CDN。 -
通过源代码检查站点中是否已包含
jQuery库。 -
在代码中使用
jQuery代替$作为选择器，以避免冲突。 因为Joomla也使用mootools.js，而mootools使用$作为选择器，如果在jQuery使用可能会引起冲突。 -
将
JavaScript代码添加到页面底部可以解决此问题。 -
使用
jQuery.noConflict()解决冲突。
例如
<script>
J = jQuery.noConflict();
$(document).ready(function(){
// your code
});
</script>