什么是编写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

回答

相关问题