JavaScript不工作後，PHP包括

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（ 「answerbox」）;

Answer 1

中有一個單獨的文件的腳本，並使用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 2

原則之一：加載jQuery的只有一次！您正在將它加載兩次到同一頁面。因此請將其從稍後加載的一個文件中刪除。

我假設你在你的index.php做的第一件事是包括的header.php，所以從index.php中刪除jQuery的負載。

Answer 3

這個線程可能會回答你的問題

Check if jQuery is included in Header (Joomla)

Answer 4

它什麼都沒有做與PHP包含文件。如果你多次包含jQuery，那麼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> 

兩者現在應該同時工作。