2014-01-14 24 views
0

我問關於CSS-技巧這個問題,但只得到了我在我的孩子職能文件中實現,但它仍然沒有工作,你可以在這裏看到線程一個響應:http://css-tricks.com/forums/topic/i-need-help-getting-my-javascript-file-to-work-on-wordpress-through-child-theme/#post-160138我需要幫助讓我的JavaScript文件通過兒童主題在wordpress上工作?

在我的WordPress的頁面,你可以看到這裏向底部:http://izaguirre.me/contact/ 我有這樣的HTML:

<div id="myDiv"> 
These Are Radom Letters To Test The Connection Of the JAVA File DSFDFSFSDFF 
</div> 

,並在我的孩子我的主題文件myscript.js我裏面的唯一的代碼是這樣的:

document.getElementById('myDiv').style.background = "black"; 

但是我沒有看到JS工作的反映,因爲我在izaguirre.me/contact/頁面末尾放置的示例沒有可見的背景變化?

+0

糾正我,如果我錯了,但這不是一個問題... –

+0

我很抱歉,如果這看起來不是一個問題,但它是,馬蒂亞斯萊明給了我正確的答案,即使我仍然有一些問題,他迴應 – Ian

回答

0

js文件無法加載(404)。你上傳到你的孩子主題的文件夾(http://izaguirre.me/wp-content/themes/selfy-child/myscript.js),

但該頁面實際上試圖加載它從父主題文件夾 (http://izaguirre.me/wp-content/themes/selfy/js/myscript.js)

+0

是將myscript.js文件添加到我的父主題js文件夾使一切工作完美,謝謝!我只有幾個問題,1)爲什麼這不適用於我的父主題中的myscript.js文件?有沒有辦法改變一些東西,使它嘗試在兒童主題中加載文件? -----和2.)將myscript.js文件保存在我的父主題中意味着當我更新主題時,我將不得不從備份中重新上傳myscript.js文件,因爲我認爲它會被刪除它不是原始主題文件的一部分? – Ian

+0

關於問題的快速編輯「1.)爲什麼這不適用於我的父主題中的myscript.js文件?」我的意思是兒童主題* – Ian

+0

問題是,您必須在模板文件中嵌入正確的路徑。據我所知,如果你更新你的主題,完整的文件夾將被替換。因此,您應該將JS文件上傳到您的子主題文件夾,並將其嵌入到模板文件中(也位於子主題文件夾中),並將其嵌入到子主題文件夾中。然後,你應該安全更新。 –

0

您是否嘗試過

<div id="myDiv"> 
    These Are Radom Letters To Test The Connection Of the JAVA File DSFDFSFSDFF 
</div> 

<script type="text/javascript"> 
    document.getElementById('myDiv').style.background = "black"; 
</script> 

我認爲它會工作後出臺。

+0

好吧你添加的作品,但即使我有點理解爲什麼它的作品不是一個功能的方式,因爲它像只加入到WordPress的HTML,而不需要在我的孩子主題的JS文件? (即時通訊新如此即時通訊假設) – Ian