modx 中的 javascript/jquery答案

【问题标题】：javascript/jquery in modxmodx 中的 javascript/jquery
【发布时间】：2011-05-16 09:15:29
【问题描述】：

我正在开发一个网站并尝试将代码集成到我的模板中。但是当我集成代码时，网站变成空白，只给我白色背景。内容没了。

代码如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
{{head}}
<body class="home">
{{skip-links}}
<div class="page_margins">
  <div class="page">
    {{header}}
    {{main-nav}}

    <!-- begin: main content area #main -->
    <div id="main">

        <!-- begin: #col2 second float column -->
        <div id="col2">
            <div id="col2_content" class="clearfix">

                <!--{{news-box}}-->               
               <!-- {{events-box}}-->
                {{eventsdebox}}
                {{articles-box}}
                {{success-box}}
            </div>
        </div>
        <!-- end: #col2 -->

        <!-- begin: #col3 static column -->
        <div id="col3">
            <!--<div id="col3_content" class="clearfix">
                <div id="home">
                    <div id="home">
                        <p class="float_left"><a href="[~399~]">w4</a></p>
                    </div>
                    <div id="home">
                        <p class="float_right"><a href="[~5~]">product</a></p>
                    </div>
                </div>-->
                <div id="tintin">&nbsp;</div>

                <div class="image" style="background-image:url('pic007s.jpg');">
                <div style="left:25px; top:180px"><a href="http://www.web.com/en/solutions">Text 1</a> </div>
                <div style="left:30px; top:80px"><a href="http://www.web.com/en/solutions">Text 2</div>
                <div style="left:60px; top:30px"><a href="http://www.web.com/en/solutions">Text 3</div>

                <div style="right:60px; top:30px"><a href="http://www.web.com/en/solutions">Text 4</div>
                <div style="right:40px; top:80px"><a href="http://www.web.com/en/solutions">Text 5</div>
                <div style="right:20px; top:180px"><a href="http://www.web.com/en/solutions">Text 6</div>

                <div style="right:40px; top:250px"><a href="http://www.web.com/en/solutions">Text 7</div>
                <div style="right:75px; top:300px"><a href="http://www.web.com/en/solutions">Text 8</div>

                <div style="left:80px; top:300px"><a href="http://www.web.com/en/solutions">Text 9</div>
                <div style="left:50px; top:250px"><a href="http://www.web.com/en/solutions">Text 10</div>



               {{teaser-box}}
        </div>
            <!-- IE column clearing -->
            <div id="ie_clearing">&nbsp;</div>
        </div>                
        <!-- end: #col3 -->
    </div>
    <!-- end: #main -->

    {{footer}}
  </div>
</div>
<!-- full skiplink functionality in webkit browsers-->
<script src="assets/templates/ourtemplate/yaml/core/js/webkit-focusfix.js" type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js" type="text/javascript"></script>
<meta http-equiv="Content-Type" content="text/html; class=MsoNormal; charset=iso-8859-1"/> 
</html>

【问题讨论】：

这可能不是问题，但最后的元标记应该在中。
@paulmoriss：你什么意思？
@paulmorris：我这样做了，但还是一样。
真实页面填写{{head}}时是否有....部分？
你也可以给一个真实页面的链接吗？不知道你的 webkit-focusfix.js 脚本做了什么，很难弄清楚发生了什么。

标签： jquery content-management-system modx

【解决方案1】：

试试这些：

尝试清除全局缓存，退出管理器并清除浏览器缓存。
可能是您的 PHP 代码行格式不正确使 MODx 产生一个完全空白的页面。查看您的 sn-ps 和插件！（即使是第 3 方插件也可能有错误）。这是php checker tool。
检查权限。确保用户可以读取/加载元素。
检查服务器日志是否存在问题并运行 phpinfo 以确保一切正常。

【讨论】：