什麼是編寫JavaScript在WordPress

-2

我發現JavaScript的正確方式，我喜歡用，但我需要它在我的wordpress網站上寫......這裏是一個JS fiddle 什麼是編寫JavaScript在WordPress

這裏是我試圖把它寫：

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

什麼我需要的腳本來更改，使其工作？

來源

2016-04-12 rakop

「什麼是寫JavaScript的正確方法？」用鍵盤。嚴肅地說，你需要解釋1）你期望代碼做什麼2）它實際上做了什麼3）你已經做了什麼嘗試和解決問題。 –

這與WordPress有什麼關係？ – trincot

你提供的小提琴似乎工作（因爲你包括jQuery，不像你的代碼片段你沒有）。問題是什麼？ – trincot

編輯：如果您想讓文字變大一點，那麼當您在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

來源

2016-04-12 19:38:22

我不想包裹數字，因爲在文本中我在該頁面上有數十次數字。我的問題是，當我將它寫入html文件時，腳本不起作用，所以您的答案使文字更大不相關。 – rakop

@rakop使用JavaScript改變文本中的數字並且不觸及HTML，請參見[this fiddle]（http://jsfiddle.net/1pckzfrn/）。 –

首先要注意的是，WordPress以「noconflict」模式加載jQuery。這意味着$快捷方式不可用。你需要直接引用jQuery（）函數。例如，jQuery('p')而不是$('p')。

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

你不說你把這些<script>標籤放在哪裏。默認情況下，只有管理員用戶可以通過編輯器將<script>置於帖子中。這個限制是出於安全原因。

來源

2016-04-14 03:37:05

什麼我寫在「wp_enqueue_script（'jquery'）;」在我主題的functions.php文件中？我是管理員用戶。 – rakop

什麼是編寫JavaScript在WordPress

回答

相關問題