Question

我无法在我的Joomla模板中使用此Javascript代码，我无法弄清楚我做错了什么。请帮忙。

这是我试图在'head'中引用的脚本标记：

["max_upload"]=> int(2048) ["max_post"]=> int(2048) ["memory_limit"]=> int(2048)

这是我在'html'中调整的主菜单：

<script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/javascript/responsive_menu.js"></script>

这是试图影响的'css'：

<nav class="nav">
    <div data-state="closed" class="navigation">
        <a href="#" class="nav__toggle"></a>
        <img src="<?php echo $this->baseurl; ?>/templates/<?php echo $this->template; ?>/images/arrow.png" alt="" class="arrow" />
        <jdoc:include type="modules" name="top" />
    </div>
</nav>

这是我在“.js”中的Javascript：

.navigation[data-state=closed] {
    min-height: 0;
    height: 70px;
    overflow: hidden;
}

.navigation[data-state=open] {
    height: 290px;
    -webkit-transition: height ease-out 1s;
    -moz-transition: height ease-out 1s;
    -o-transition: height ease-out 1s;
    transition: height ease-out 1s;
}

我现在将使用另一种解决方案，但我无法弄清楚为什么这不起作用。

请帮忙。

Answer 1

你可以：

使用Chrome网络/来源检查是否已加载JS文件
使用console.log检查JS代码是否已执行
使用Chrome Debug跟踪JS代码的运行方式

无法让我的Javascript在Joomla中工作

1 个答案: