Question

这是一个带Bootstrap的Joomla 3网站http://kaikkikotona.fi/joomlatest/示例。问题是在使用移动设备的网站时。幸运的是，当PC屏幕缩小到移动尺寸时会出现问题。

第三页没有登录表格。我已经定义该模块没有显示在该页面上。 Bootstrap折叠菜单在此页面中不起作用。我找到了原因，但我不知道如何解决它。

折叠菜单需要jQuery。它是通过Joomla代码加载的

< jdoc:include type="head" />

并且将在head元素中生成

<script src="/joomlatest/media/jui/js/bootstrap.min.js" type="text/javascript"></script>
<script type="text/javascript">
    jQuery(window).on('load',  function() {
        new JCaption('img.caption');
    });
    window.setInterval(function() {
        var r;
        try {
            r = window.XMLHttpRequest?new XMLHttpRequest():new ActiveXObject("Microsoft.XMLHTTP")
        }
        catch(e){}
        if(r){
           r.open("GET","./",true);
           r.send(null)
        }
    },840000);
    jQuery(document).ready(function() {
        jQuery('.hasTooltip').tooltip({"html": true,"container": "body"});
    });
</script>

但是在第三页中，模块没有显示bootstrap.min.js没有加载，脚本只是window onload函数。

任何想法如何解决这个问题？

Answer 1

我自己找到了解决方案。

解决方案是在index.php文件中写几行代码

<jdoc:include type="head" />   
<?php   
// Add Bootstrap Frameworks   
JHtml::_('bootstrap.framework');   
?>

似乎自动加载了Bootstrap文件，但实际上你必须使用自己的代码加载它们。

Joomla 3与Bootstrap 3折叠菜单和模块未分配

1 个答案: