Question

有时需要向joomla模块添加数据属性，例如，如果您想使用wow.js并且想要延迟事件，则必须添加数据-wow-delay =＆＃39; 2s＆＃39;到模块div。目前在joomla框架内无法做到这一点

Answer 1

我有一个解决方案，有点软糖，但完成工作。它使用＆＃39;标题类＆＃39;模块管理器的高级选项卡下的字段。

在你的模板覆盖目录模板/ yourtemplate / html中你应该找到一个名为modules.php的文件我有一个名为block的模块样式，我在index.php文件中使用。

我编辑它以查看hederclass变量并查看它是否包含字符数据。如果是这样，我假设标题类实际上是一个数据属性。这是代码。

function modChrome_block($module, &$params, &$attribs)
{

    // Temporarily store header class in variable
    $headerClass    = $params->get('header_class');
    $headerAttribute = '';  //define the variable for the attribute
    if ($headerClass !=''){
        if (stripos($headerClass,'data-') !== false) {  //check to see if the header class contains the characters 'data-'
            $headerAttribute = htmlspecialchars($headerClass);
            $headerClass = '';
        }else{
            $headerClass    =  ' class="' . htmlspecialchars($headerClass) . '"';
        }
    }

    if (!empty ($module->content)) : ?>
           <div class="block <?php if ($params->get('moduleclass_sfx')!='') : ?><?php echo $params->get('moduleclass_sfx'); ?><?php endif; ?>" <?PHP echo $headerAttribute; ?>>
            <div class="moduletable">               
                <?php if ($module->showtitle != 0) : ?>
            <div class="module-title">
                            <h3 <?PHP echo $headerClass; ?>><?php echo $module->title; ?></h3>
            </div>
                        <?php endif; ?>
                        <div class="module-content">
                            <?php echo $module->content; ?>
                        </div>
              </div>                
           </div>
    <?php endif;
}

要使其正常工作，请在joomla模块管理器中打开要应用数据属性的模块，单击“高级”按钮。选项卡和Header Class字段使用SINGLE QUOTES添加数据属性，如下所示

data-wow-delay='2s'

希望这有助于某人

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

1 个答案: