Question

我需要在Joomla 2.5中使用jquery hide/show div。我在*.js模板中添加了default.php个文件：

<?php
JHTML::script('jquery-1.11.0.min.js', 'templates/mytemplate/js/');
JHTML::script('bbbx.js', 'templates/mytemplate/js/');
?>

我的default.php模板中有一个简单的div：

<div class="myclass" id="myid">
    <h1>Hallo</h1>
</div>

我的bbbx.js文件如下所示：

$(document).ready(function() {
        alert("Your alert.");
        $("div.myclass").hide();
});

找到bbbx.js文件，显示提醒，但hide()无法正常工作。没有Joomla，相同的代码可以很好地工作。请帮忙，这里有什么问题？

Answer 1

应该存在jQuery冲突。 alert()当然有效，因为它与jQuery无关。这是一个标准的javascript函数。

请试试这个;

var myjq = jQuery.noConflict(); 
//myjq is just a suggestion you may try another word like vogele

myjq(document).ready(function() {
    alert("Your alert.");
    myjq("div.myclass").hide();
});

此外，您必须考虑首先使用哪个jQuery库文件。有时你改变<script>标签的顺序，问题就会消失。

Answer 2

感谢所有，我将我的脚本直接添加到<script></script>标签中的default.php（现在它在noconflict.js之后加载），现在它正在运行。我不知道它是否是Joomla的正确方法，因为它没有列在http://docs.joomla.org/Adding_JavaScript下，但是它有效。

Joomla 2.5，jquery hide（）无效

2 个答案: