将html布局转换为joomla模板javascript不会'；行不通

我通过我的基本记事本编辑器创建了一个网站布局，代码作为一个独立的html页面工作。我尝试将其传输到joomla模板，但javascript代码无法正常工作。这是一个菜单，是移动响应

这是javescript代码

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $(".nav-button").click(function () {
    $(".nav-button,.primary-nav").toggleClass("open");
    });    
});
</script>

然后放入index.php文件（我从一个类似的问题中找到了这段代码）

---

请尝试使用以下代码添加javascript：

JHtml::_('jquery.framework');
$doc->addScriptDeclaration('
    jQuery(document).ready(function(){
        jQuery(".nav-button").click(function () {
        jQuery(".nav-button, .primary-nav").toggleClass("open");
        });    
    });
');    

注意：Joomla以无冲突模式加载jquery，因此您必须在jquery调用中使用
jquery
更改
$

参考资料：
不幸的是，它不起作用。谢谢你的建议！刚刚为jquery包含添加了一行。请也试试。
<?php 
defined( '_JEXEC' ) or die; 

$app             = JFactory::getApplication();
$doc             = JFactory::getDocument();
$user            = JFactory::getUser();
$this->language  = $doc->language;
$this->direction = $doc->direction;

//Load jQuery using Joomla's built in method
JHtml::_('jquery.framework');

// Define the template path
$template_path = 'templates/'  .$this->template;

// Le Javascript
$doc->addScript($template_path . '/js/main.js');

?>

JHtml::_('jquery.framework');
$doc->addScriptDeclaration('
    jQuery(document).ready(function(){
        jQuery(".nav-button").click(function () {
        jQuery(".nav-button, .primary-nav").toggleClass("open");
        });    
    });
');