javascript - 如何将 $(document).ready(function() 添加到 joomla

Question

我需要将其添加到 joomla 我已经尝试将其添加到模板 index.php 文件中，但它不起作用任何想法？

<script type="text/javascript">
 $(document).ready(function() {
   $("nav#menu").mmenu(
    {
      classes: "mm-light"
   });
});
</script>

Answer 1

您的 Joomla 站点正在 noConflict 模式下导入 jQueury，因此您必须使用 jQuery 别名，或通过该函数传递 $，如下所示:

$doc = JFactory::getDocument();
$doc->addScriptDeclaration('
    jQuery(document).ready(function($) {
       $("nav#menu").mmenu({
           classes: "mm-light"
       });
    });
');

上面的代码是 PHP 代码，因此您可以将其放置在 PHP 标记内的模板中的任何位置。

我还注意到您的网站上的响应式菜单现在可以正常工作。在 Chrome 和 Firefox 中进行了测试。