【问题标题】:I need help getting my JavaScript file to work on wordpress through child theme?我需要帮助让我的 JavaScript 文件通过子主题在 wordpress 上工作吗?
【发布时间】:2014-01-14 21:06:36
【问题描述】:

我在 css-tricks 上提出了这个问题,但只得到了我在子函数文件中实现的一个响应,但它仍然无法正常工作,您可以在此处查看该线程:http://css-tricks.com/forums/topic/i-need-help-getting-my-javascript-file-to-work-on-wordpress-through-child-theme/#post-160138

在我的 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/ 页面末尾的示例中没有可见的背景变化?

【问题讨论】:

  • 如果我错了,请纠正我,但这不是问题......
  • 如果这看起来不像是一个问题,我深表歉意,但事实上,Matthias Lehming 给了我正确的答案,尽管我对他的回答仍有一些疑问

标签: javascript wordpress


【解决方案1】:

无法加载 js 文件 (404)。您已将其上传到您的子主题文件夹(http://izaguirre.me/wp-content/themes/selfy-child/myscript.js)

但页面实际上尝试从父主题文件夹加载它 (http://izaguirre.me/wp-content/themes/selfy/js/myscript.js).

【讨论】:

  • YES 将 myscript.js 文件添加到我的父主题 js 文件夹中,可以让一切正常运行,谢谢!我只有几个问题,1.) 为什么这不适用于我的父主题中的 myscript.js 文件?有没有办法更改某些内容以使其尝试在子主题中加载文件? -----和2。)将myscript.js文件保留在我的父主题中意味着当我更新主题时,我将不得不从备份中重新上传myscript.js文件,因为我认为它会被删除它不是原始主题文件的一部分?
  • 快速编辑问题“1.) 为什么这不适用于我父主题中的 myscript.js 文件?”我的意思是儿童主题*
  • 问题是,您必须在模板文件中嵌入正确的路径。据我所知,如果您更新主题,整个文件夹将被替换。因此,您应该将 JS 文件上传到您的子主题文件夹,并将其链接到模板文件中(带有子主题文件夹的路径),该模板文件也在子主题文件夹中。然后,您应该可以放心更新。
  • 您好再次感谢您的帮助,当您说我必须在我的模板文件中嵌入正确的路径时,这是什么文件名以便我可以找到它,您是在说index.php 文件?如果你是,你是说我应该在我的子主题中创建一个 index.php 文件,然后添加一个包含“myscript.js”的脚本源代码行吗?所以总而言之,我应该在我的子主题中创建一个 index.php 文件,并让脚本源成为其中唯一的代码行,以便在我的子主题中也将它链接到我的 JS 文件?我是否还必须再次更改函数 php 代码?
【解决方案2】:

你有没有试过把

<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>

我认为它会起作用。

【讨论】:

  • 好的,你添加的东西有效,但即使我有点理解它为什么工作它不是一种功能性的方式,因为它就像只将 Javascript 添加到 wordpress 中的 html 而不需要我孩子的 JS 文件主题 ? (我是新手,所以我假设)
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2012-03-09
  • 1970-01-01
  • 2014-10-10
  • 1970-01-01
  • 2021-02-07
  • 1970-01-01
  • 2017-09-22
相关资源
最近更新 更多