如何使用Jquery添加'连字符'类到P元素在Joomla中不工作

How can I use Jquery to add 'hyphenate' class to P element not working in Joomla

本文关键字:Joomla 工作 元素 连字符 Jquery 何使用 添加 类到      更新时间:2023-09-26

我正在使用Joomla 2.5开发一个网站,因为我要把它交给一个不太懂代码的客户,我不想让他们在添加/更新内容时试图记住如何将class=hyphenate添加到每个<p>

我试图使用JQuery来做到这一点,但它似乎不工作。下面是我的代码,应该添加类:

<script type="text/javascript">
  $("p").addClass("hyphenate");
</script>

任何输入/帮助-一如既往-感激!

谢谢,

辛西娅

如果您的script标签被放置在p元素之前,您需要等待文档准备好-像这样:

$(document).ready(function(){
  $("p").addClass("hyphenate");
});

速记版本:

$(function(){
  $("p").addClass("hyphenate");
});

旁注:当混合库时,全局变量(如$)可能会失控。因此,创建自己的作用域,确保$是jQuery:

(function($){  // $ = jQuery
  $(function(){
    $("p").addClass("hyphenate");
  });
})(jQuery);

你的Jquery也可能与Joomla Mootools冲突,为了克服,你可以使用Jquery noConflict

var JQ=jQuery.noConflict();
JQ(document).ready(function(){
    JQ("p").addClass("hyphenate");
});