Question

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

Answer 1

JavaScript会放在你的Joomla模板文件中，只需ftp到：

yoursite.com/templates/your_template/index.php

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

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

JQuery应该加载Joomla核心。

Answer 2

是的，这是我最初做过的事情，但似乎我错过了其中一个＆＃39; $＆＃39;用＆＃39; jQuery＆＃39;来改变它。现在它工作得很好。

但是现在所有页面都加载了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 } ?>

我可以从veiw源代码中看到jQuery部分只在我想要的文章中加载。

这好吗？还是有一种Joomla方式？

在Joomla's2.5文章中添加jQuery

2 个答案: