用WordPress编写JavaScript的正确方法是什么？

Question

我找到了我喜欢使用的JavaScript代码，但我需要将其写在我的WordPress网站上……这是一个JSFiddle 。

这是我尝试编写的方式：

 <head> <style> p span {color:blue;} </style> </head> <body> <p>sony sensor 2.1mp</p> <script> $('p').html(function(index, value) { return value.replace(/(\\d+)/g, '<span>$1</span>'); }); </script> </body>

我需要在脚本中进行哪些更改才能使其正常工作？

Answer 1

编辑：如果要使文本更大，则在JavaScript中添加span标签时，请向其中添加一个类。 见小提琴。

原始答案

我不确定为什么在这里使用JavaScript。 在此示例中，为什么不像这样将数字包装在span标签中：

<p>Text and numbers: <span>123</span></p>
<p><span>123</span> and text</p>

然后使用CSS将样式适当地添加到跨度中。 如果要使数字大于文本，则可以使用CSS设置跨度样式以具有更大的字体大小，或者也可以使用以下类：

<p>Text and numbers: <span class="big">123</span></p>
<p><span class="big">123</span> and text</p>

和CSS：

span {
    color:blue
}

span.big {
  font-size: 3em;
}

见小提琴

Answer 2

首先要注意的是WordPress以“ noconflict”模式加载jQuery。 这意味着$快捷方式不可用。 您需要直接引用jQuery（）函数。 例如，用jQuery('p')代替$('p') 。

您的主题可能未加载jQuery，因此您需要调用wp_enqueue_script('jquery'); 在主题的functions.php文件或自定义插件中。

您没有说要把这些<script>标记放在哪里。 默认情况下，只有管理员用户可以通过编辑器将<script>放入帖子中。 出于安全原因，存在此限制。

用WordPress编写JavaScript的正确方法是什么？

问题描述

2 个解决方案

解决方案1
1 2016-04-12 19:38:22

解决方案2
0 2016-04-14 03:37:05

用WordPress编写JavaScript的正确方法是什么？

问题描述

2 个解决方案

解决方案1 1 2016-04-12 19:38:22

解决方案2 0 2016-04-14 03:37:05

解决方案1
1 2016-04-12 19:38:22

解决方案2
0 2016-04-14 03:37:05