将html数据属性添加到Joomla 3.4.8模块

Question

我试图将data-uk-sticky属性添加到显示侧边栏菜单的Joomla模块中（以使其粘滞）。

为此，我通过复制

创建了另一种布局

/modules/mod_menu/tmpl/default.php

致：

/modules/mod_menu/tmpl/sticky.php

在sticky.php文件中，我将整个内容包装在一个div中，如：

<div data-uk-sticky><ul class="nav menu<?php echo $class_sfx;?>"<?php

在模块管理员中，我现在可以在Sticky配置中选择Alternative Layout。

然而，当重新加载页面时，我无法找到我创建的div。为什么不呢？

我也尝试将整个mod_menu复制到template/html文件夹，但结果是一样的。

Answer 1

因为<div data-uk-sticky>不是正确的标记。您需要对其进行身份识别或对其进行分类，但我建议您对其进行识别。

<div id="data-uk-sticky">

然后当你在bootstrap.css或custom.css中编辑时：

#data-uk-sticky {
position:fixed;
top:0;
left:0;
width:/*define your width*/;
/*Any other stylings you wish to apply*/
}

您的问题是您的<div>标记语法不正确。还要确保在模块文件末尾关闭它。

干杯。