如何将此 jQuery 脚本添加到我的 Wordpress

Posted 2023-05-07

【中文标题】如何将此 jQuery 脚本添加到我的 Wordpress

【英文标题】：How to add this jQuery script to my Wordpress

【发布时间】：2017-11-29 07:02:39

【问题描述】：

我需要为我的网站加载外部数据，它使用 jQuery。好吧，我对 jQuery 一无所知，所以我收到了一个脚本，需要将它粘贴到某个地方以使 Wordpress 使用它。现在我知道 Wordpress 是否已经运行 jQuery 了吗？我猜不是因为我一开始是空白的。

代码：

<script type="text/javascript" src="//code.jquery.com/jquery-1.8.3.min.js"></script>
<link rel="stylesheet" type="text/css" href="//developers.affiliateprogramma.eu/Energievergelijker/style.css">    
<script type="text/javascript" src="//developers.affiliateprogramma.eu/Energievergelijker/general.js"></script> 
<div class="daisyconEnergyComparator" 
    data-daisyconEnergyMediaID="279942" 
    data-daisyconEnergySubID="" 
    data-business="false" 
    data-daisyconEnergyAmount="10" 
    data-daisyconEnergyActionPackets="all"       
    data-daisyconEnergyPackets="all" 
    data-daisyconEnergyCompanies="all" 
    data-daisyconEnergyDuration="all" 
    data-daisyconEnergyDuurzaam="all" 
    data-daisyconEnergyView="all" 
    data-daisyconEnergyUrl="" 
    data-daisyconEnergyShowActionTable="true" 
    data-daisyconEnergyHouse="Appartement" 
    data-daisyconEnergyPersons="Enkel" 
    data-daisyconEnergySave="1" 
    data-daisyconEnergyUrl="" 
    data-daisyconEnergyMeter="enkel" 
    data-daisyconEnergyBaseColor="3498DB" 
    data-daisyconEnergyActionColor="FF8201" >
    <div class="daisyconEnergyFilters"></div>
    <div class="daisyconEnergyTableContainer"></div>
</div>

【问题讨论】：

我建议进行编辑以使您的代码可见。在发布任何内容之前，您应该查看结果。您可以在输入内容的框下方看到它。仅发布代码无济于事，因为 html 不会被解释为要显示的文本，而是应该被嵌入的 html。因此它是不可见的。带有单个破折号的行将其前面的段落作为标题，这就是为什么您的文本非常大而且粗体的原因。如果他们甚至无法阅读，没有人可以回答您的问题！

看来你需要在 URL 中添加邮政编码或类似的东西才能得到任何东西

伙计们：当一个有 1 个代表的人用 CODE: 发布一个没有代码的问题时，假设他还没有弄清楚如何格式化它并在 5 分钟前给出投票下地狱。

谢谢。第一次访问，打字时看起来不错，但我学会了。而是帮助回答否定的问题。

如果您添加 ?postcode=1234AA（更改为实际的荷兰邮政编码），我刚刚测试了它在网络服务器上运行的脚本。 Wordpress 通常包含 jQuery - 页面的查看源代码，如果您看到 jQuery，则搜索“.js”，那么您不必添加 1.8.3 行。然后确保没有控制台错误 - 按 F12 并查看控制台。如果错误将它们发布在您的问题中。

【参考方案1】：

只需转到function.php 并使用wp_enqueue_script() 将您的脚本排入队列，并具有jquery 的依赖项。阅读更多Here。