Question

我找到了我喜欢使用的JavaScript，但我需要将它写在我的wordpress网站上...这是一个JS fiddle

以下是我试图写的方式：

<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标签时，请为它们添加一个类。 See fiddle

原始回答

我不确定为什么这里会使用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;
}

See fiddle

Answer 2

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

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

您没有说明您放置这些<script>标签的位置。默认情况下，只有管理员用户可以通过编辑器将<script>放入帖子中。出于安全原因，这种限制是存在的。

在wordpress中编写JavaScript的正确方法是什么？

2 个答案: