1

我有一个 index.php 文件,它需要一个通用的 head.php 文件,head.php 文件中有几个 Javascript 文件,当这样尝试时,代码在源代码中看起来不错,但这些文件实际上并没有做任何事情到文档。(虽然 .css 文件工作正常)

如果将 Javascript 文件直接放入 index.php(与需要 head.php 的位置相同的头部区域),它们可以正常工作,即使源显示完全相同的代码。

有什么技巧可以使这项工作正常工作,还是我必须手动将 Javascript 放入网站上的每个页面?(有很多,我希望能够使用单个 head.php 以防万一我想更新文件或添加脚本)

任何帮助将不胜感激!

以下是不同页面的一些代码供参考:


头文件

<link rel="stylesheet" type="text/css" href="style/main.css"/>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script type="text/javascript" src="include/alajax.js"></script>
<script type="text/javascript" src="include/jtip.js"></script>
<script type="text/javascript" src="include/jquery.timeago.js"></script>

索引.php

<head>
<?php require_once 'site/head.php'; ?>
</head>

index.php(浏览器显示的源代码)

<head>
<!--require_once 'site/head.php';-->
<link rel="stylesheet" type="text/css" href="includes/fancy/fancy.css"/>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script type="text/javascript" src="include/alajax.js"></script>
<script type="text/javascript" src="include/jtip.js"></script>
<script type="text/javascript" src="include/jquery.timeago.js"></script>
<!-- end of head.php -->
</head>
<body>
<!-- Site that uses jquery and other functions in the included javascript that do not work with the files when included through a .php, though works fine if directly on the same page as the functions -->

编辑:( 这里是一个更充实的 index.php 与 header.php 和 login.php)

索引.php

<head>
    <?php require_once 'site/head.php'; ?>
</head>
<body>
    <div id="header">
        <?php require 'site/header.php'; ?>    
    </div>
    <div id="wrapper">
        <div id="navbar">
            <?php require 'site/navbar.php'; ?>    
        </div>
        <div id="content">
            <!-- Just basic php and html here, and some times that rely on jquery.timeago.js to calculate time, works fine when everything is loaded in head.php -->
        </div>
    </div>
</body>

header.php(不要与 head.php 混淆)

<div id="loginheader">
    <img src="img/logo.png" width="200" height="100" alt="Logo" />
    <?php
        require 'login.php';
    ?>
</div>

登录.php

<!--- Contains javascript that requires jquery (included in head.php) and alajax (also included in head.php) if jquery is loaded in here and not in head, the form works, but the times in index.php break. -->
4

1 回答 1

0

大家好,我终于找到了答案,js文件未加载的原因是我/你的我们包含的js文件之一的问题。所以请一一检查所有的js文件,以确定损坏的文件。

解释我的情况。

我已将所有 css 和 js 文件包含在一个名为 html_header.php 的文件中

<script type="text/javascript" src="../js/jquery-1.7.2.min.js"> </script>
<script type="text/javascript" src="../js/excanvas.js"> </script>
<script type="text/javascript" src="../js/jquery.flot.js"> </script>
<script type="text/javascript" src="../js/jquery.flot.stack.js"> </script>
<script type="text/javascript" src="../js/jquery.flot.pie.js"> </script>
<script type="text/javascript" src="../js/jquery.quicksand.js"> </script>
<script type="text/javascript" src="../js/jquery.easing.1.3.js"> </script>
<script type="text/javascript" src="../js/jquery.tipsy.js"> </script>
<script type="text/javascript" src="../js/cl_editor/jquery.cleditor.min.js"> </script>
<script type="text/javascript" src="../uploadify/swfobject.js"></script>
<script type="text/javascript" src="../uploadify/jquery.uploadify.v2.1.4.min.js"></script>
<script type="text/javascript" src="../js/jquery.autogrowtextarea.js"></script>
<script type="text/javascript" src="../js/form_elements.js"></script>
<script type="text/javascript" src="../js/jquery.ui.core.js"></script>
<script type="text/javascript" src="../js/jquery.ui.widget.js"></script>
<script type="text/javascript" src="../js/jquery.ui.mouse.js"></script>
<script type="text/javascript" src="../js/jquery.ui.slider.js"></script>
<script type="text/javascript" src="../js/jquery.ui.progressbar.js"></script>
<script type="text/javascript" src="../js/jquery.ui.datepicker.js"></script>
<script type="text/javascript" src="../js/jquery.ui.tabs.js"></script>
<script type="text/javascript" src="../js/jquery.ui.autocomplete.js"></script>
<script type="text/javascript" src="../js/jquery.ui.position.min.js"></script>
<script type="text/javascript" src="../js/fullcalendar.js"></script>
<script type="text/javascript" src="../js/gcal.js"></script>
<script type="text/javascript" src="../js/bootstrap-modal.js"></script>
<script type="text/javascript" src="../js/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<script type="text/javascript" src="../js/fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
<script type="text/javascript" src="../js/highlight.js"></script>
<script type="text/javascript" src="../js/jq_tables/jquery.dataTables.js"></script>
<!--<script type="text/javascript" src="../js/main.js"> </script>-->
<script type="text/javascript" src="../js/jquery.validate.min.js"></script>
<script type="text/javascript" src="../js/jquery.printElement.min.js"></script>
<script type="text/javascript" src="../js/addmethod.js"></script>

当我评论 main.js 时,问题就解决了。在我上传了 main.js 文件的新副本之后。

谢谢

于 2015-04-29T06:18:25.050 回答