Joomla模式框弹出代码在文章中有效,但在代码中无效

Joomla Modal box popup code works in article, but not in code

本文关键字:代码 有效 无效 模式 文章 Joomla      更新时间:2023-09-26

这个问题适用于Joomla开发人员或爱好者。不幸的是,没有办法在js-fiddle网站上重现这种场景。我有以下代码:

    <!-- AQUI COMEÇA O MODAL POPUP, QUE É O POPUP BUILTIN DO JOOMLA AO ESTILO LIGHTBOX -->
<!-- Esta parte ativa a função -->
<?php JHTML::_('behavior.modal', 'a.modal'); ?><!-- Esta parte utiliza javascript para transformar o layout do popup em um fluido -->
    <script>jQuery(document).ready(function($){
    var width = $(window).width();
    var height = $(window).height();
    //ID of container
    $('a#modal_info').attr('rel','{handler: "iframe", size: {x: '+(width-(width*0.03))+', y: '+(height-(height*0.20))+'}}');
    });</script>
    <!-- Esta parte é o Link para fazer a chamada -->
    <div class="modal barradofundo" onclick="window.location.href = this.getElementsByTagName('a')[0].href;">
    <div id="bf1"><img id="bf1img" src="/images/images201605/Coin-icon-e.png" alt="Dinheiro" border="0"></div>
    <!-- Esta parte é o Link para fazer a chamada -->
    <div id="bf2"><span>Saia da crise agora mesmo, destaque-se e ganhe muito dinheiro!</span>
    </div>
    <div id="bf3"><a id="modal_info" href="/va/filetobeloaded.html" class="modal catalogobotao2">SAIBA +</a></div>
    </div>
    <div class="barradofundoespaco"></div>

该代码所做的是打开一个使用流体布局的模式框弹出窗口,换句话说,它就像一个适合窗口的灯箱。

在该框中,它加载一个外部页面。{source}标签来自Sourcerer插件,用于在网站的任何部分加载javascript、HTML或php。

它在文章中使用时效果很好,但当我尝试在自定义模块中使用它时,它不起作用,甚至在接受php和HTML的其他模块上也不起作用。我启用了jQuery,配置正确,控制台中没有显示冲突。看起来模块有问题。

临时解决方案:发现使用模板的index.php文件中的<?php JHTML::_('behavior.modal', 'a.modal'); ?>,我能够将其投入工作。但问题是我不能破解代码,因为在系统更新后我会失去破解功能。