将jquery添加到Joomla 3.2模板

我想在我的页面上添加滚动效果，这样当我点击一个菜单链接时，它就会进入一个需要的页面。我已经对它进行了设置，这样当我单击一个链接时，它将转到所需的div，但是当我尝试向index.php文件添加jquery代码时，什么都没有发生

我正在使用yougrids模板和Joomla 3.2

div id是yjsg5，所以我将链接到yjsg5的菜单链接external link放入其中。当我点击它时，它就会转到页面的那个部分

现在，我在index.php中添加了以下代码：

<script type="text/javascript">
        var $root = $('html, body');
    $('#yjsg5').click(function() {
        var href = $.attr(this, 'href');
        $root.animate({
            scrollTop: $(href).offset().top
        }, 2000, function () {
            window.location.hash = href;
        });
        return false;
    });
    </script>

在标签的末尾。但这不起作用。我读到他们用jquery在Joomla3中改变了一些东西，所以这可能是它不起作用的原因

---

请提供任何帮助：

尝试将代码放入document.ready块中，并使用名称空间别名作为参数：

<script>
jQuery(document).ready(function($) {
    ...
});

// or 

jQuery(function($) {
    ...
});
</script>

Joomla可能使用noConflict加载jQuery，所以除非这样做，否则不能使用$

此外，通过使用此方法，您可以将脚本放置在页面上的任何位置。jQuery将等待DOM准备好运行它。

的可能重复项