javascript - 如何使用 Jquery 将“连字符”类添加到在 Joomla 中不起作用的 P 元素

Question

我正在使用 Joomla 2.5 开发一个网站，由于我将把它交给一个不懂代码的客户，我不想让他们在添加时尝试记住class=hyphenate如何<p>添加/ 更新内容。

我正在尝试使用 JQuery 来执行此操作，但它似乎不起作用。这是我应该添加类的代码：

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

任何输入/帮助 - 一如既往 - 赞赏！

谢谢，

辛西娅

Answer 1

如果你的script标签放在p元素之前，你需要等待文档准备好——像这样：

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

速记版本：

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

---

旁注：混合库时，全局变量（如$）可能会失控。所以制作你自己的范围，确保$是 jQuery：

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

Answer 2

此外，您的 Jquery 可能与 Joomla Mootools 发生冲突，要克服您可以使用 JQuery noConflict

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