在Joomla的2.5文章中添加jQuery

Question

基本上，我想要一些与此类似的东西：http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_slide_down。在文章中使用 jQuery 的切换幻灯片效果。 CSS 不是问题，因为我可以将它添加到我的 template.css 文件中，但是，我对可以将 jQuery 代码放在哪里感到有点困惑。你们有什么想法吗？

Answer 1

JavaScript 将进入您的 Joomla 模板文件，只是 ftp 到：

你的网站。com/templates/your_template/index.php

您还可以通过 Joomla Administrator 获取模板文件，然后单击扩展管理器下的模板管理器。

只需将 JavaScript 复制到模板 index.php 文件的头部即可。

JQuery 应该加载 Joomla 核心。

Answer 2

是的，这就是我最初所做的，但似乎我错过了一个 '$' 来用 'jQuery' 更改它。现在一切正常。

但现在 jQuery 部分已加载到所有页面中，所以我已经完成了。

文章代码

<div class="myArticle">
<div id="flip">Click to slide the panel down or up</div>
<div id="panel">Hello world!</div>
<div id="flip2">Click to slide the panel down or up</div>
<div id="panel2">Hello world!</div>
</div>

和jQuery代码

jQuery(document).ready(function(){
jQuery(".myArticle div").click(function(){
jQuery("#" + jQuery(this).attr("id") + '+div').slideToggle("slow");
});
});

但是这样做仍然会到处加载代码，所以我不得不添加这个

<?php if(basename($_SERVER['PHP_SELF']) == "ThePageIWant") { ?>
  /* jQuery code */
<?php } ?>

我从源代码中看到jQuery部分只加载了我想要的文章

这样可以吗？或者有一种 Joomla 方式？

在Joomla的2.5文章中添加jQuery

Adding jQuery in Joomla's2.5 article

css

jquery

joomla