php包含后javascript不起作用

Question

我正在尝试将 javascript 两次应用于一个简单的 html 文本区域。我有 onfocus 和 autogrow（实际上是 jquery）。似乎我只能让其中一个工作，但不能同时工作。

我的脚本有一个：

<?php
include 'header.php';
?>

这似乎是问题所在。在 header.php 和 index.php（包含标题）中，我都加载了 jquery.js。当我从标题中删除此文件时，自动增长工作但不是我的 onfocus 事件（清除默认文本）。有没有办法包含另一个文件而不会使两者相互影响。由于代码太长，我无法提供代码。

这是我的 onfocus 代码：

<script type='text/javascript'>
    function addEvents(id) {
var field = document.getElementById(id);
field.onfocus = function () {
    if (this.value == "Answer this problem...") {
        this.value = "";
    } 
};
field.onblur = function () {
    if (this.value == "") {
        this.value = "Answer this problem...";
    } 
};

} addEvents("答案框");

Answer 1

规则 1：只加载一次 jquery！。您将两次加载到同一页面。因此，将其从稍后加载的文件中删除。

我假设你在 index.php 中做的第一件事是包含 header.php，所以从 index.php 中删除 jquery 加载。

Answer 2

将您的脚本放在一个单独的文件中，并使用 php include_once 函数将其包含在每个页面中。

创建一个文件jquery.php并添加以下内容。

<script type='text/javascript' src='jquery.js'></script> <script type="text/javascript" src="autogrow.js"></script>

在 header.php 中

include_once('jquery.php');

在 index.php 中

include_once('header.php');
include_once('jquery.php');

Answer 3

这个帖子可能会回答你的问题

Check if jQuery is included in Header (Joomla)

Answer 4

它与 PHP 包含文件无关。如果你多次包含它，jQuery 足够聪明，可以自行解决。

这是不可靠的自动增长插件代码。

编辑query.autogrowtextarea.js 文件。将行 this.onfocus = grow; 更改为 jQuery(this).focus(grow);。

然后是您的 Javascript 代码，我已将其更改为使用 jQuery 库（主要是因为它的代码要少得多，可以使其与 IE6+ 等旧版浏览器兼容）。

function addEvents(id) {
    var field = jQuery('#' + id);
    field.focus(function () {
        if (this.value == "Answer this problem...") {
            this.value = "";
        }
    });

    field.blur(function () {
        if (this.value == "") {
            this.value = "Answer this problem...";
        }
    });
}
addEvents("answerbox");
</script>

现在两者应该同时工作。