用js添加自定义的HTMLCSS不起作用

时间：2013-08-10 作者：ad2003

我正在使用最新的Wordpress 3.6。我想使用js向页面添加一些HTML代码。我放了一个

<script>  
        $(\'p.content\').addClass(\'highlight\'); 
     </script>
脑袋里有，但没用。

因此，我想将类highlight添加到calss=content的p元素中。

我之所以要使用它，是为了更改wordpress中的\\u内容输出。我只想把文字放在。。。我还想了解如何通过功能等改变这一点。php。。。谢谢

2 个回复
SO网友:cjbj

您不能像这样自由地使用$选择器，因为WordPress在noconflict mode. 最常见的解决方法是将所有函数包装到脚本文件中：

jQuery(document).ready(function($) {  ... scripts ... }
如果要将脚本直接放在文件的头部（不推荐），它将如下所示：

<script>  
   jQuery(\'p.content\').addClass(\'highlight\'); 
</script>

SO网友:Tony M

除了cjbj的回答之外，您还可以检查控制台是否有任何错误。没有定义速记$，这意味着您的JS将无法工作。将其更改为jQuery将起作用；

<script>  
    jQuery(\'p.content\').addClass(\'highlight\'); 
 </script>
而不是

<script>  
    $(\'p.content\').addClass(\'highlight\'); 
 </script>
但正如前面提到的，有更好的地方可以添加JS。

结束
标签： jquery   小码农  

相关推荐

如何在首页显示jQuery幻灯片

Hy，我在首页集成了一个jquery幻灯片，当我在网站上安装下一代Galley时，这个问题就出现了。幻灯片停止工作，我认为存在冲突。我有2个标题索引标题。php-索引页面幻灯片的标题<script src=\"http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js\"></script> <script src=\"<?php bloginfo(\'template_url\'); ?>