用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